CEC-5356: use new can signal api
This commit is contained in:
@@ -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>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user