CEC-5356: use new can signal api

This commit is contained in:
Tristan Timblin
2023-11-06 14:51:25 -08:00
parent 4adbc1dd7f
commit 8c5a38b843
3 changed files with 61 additions and 28 deletions

View File

@@ -13,7 +13,7 @@ import {
} from "../../Contexts/CANSignalsContext";
const Main = ({ vin }) => {
const { signals, setVIN } = useCANSignalContext();
const { signals, setVIN, duration } = useCANSignalContext();
useEffect(() => {
setVIN(vin);
@@ -26,24 +26,27 @@ const Main = ({ vin }) => {
if (!signals || signals.length === 0) return <h3>Loading...</h3>;
return (
<Table>
<TableHead>
<TableRow>
<TableCell>Timestamp</TableCell>
<TableCell>Signal</TableCell>
<TableCell>Value</TableCell>
</TableRow>
</TableHead>
<TableBody>
{signals.map((signal, i) => (
<TableRow key={i}>
<TableCell>{signal.timestamp}</TableCell>
<TableCell>{signal.signal}</TableCell>
<TableCell>{signal.value}</TableCell>
<>
(Received within the last {duration} seconds)
<Table>
<TableHead>
<TableRow>
<TableCell>Timestamp</TableCell>
<TableCell>Signal</TableCell>
<TableCell>Value</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</TableHead>
<TableBody>
{signals.map((signal, i) => (
<TableRow key={i}>
<TableCell>{signal.timestamp}</TableCell>
<TableCell>{signal.signal}</TableCell>
<TableCell>{signal.value}</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</>
);
};