Actually validate timestamp and value of sensor readings

initLab · Jan 14, 2024 · 4474bd4 · 4474bd4
1 parent 190c70a
commit 4474bd4
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/widgets/SensorReading/SensorReading.jsx b/src/widgets/SensorReading/SensorReading.jsx
@@ -2,6 +2,7 @@ import { Card, Col, Container, Row } from 'react-bootstrap';
 import PropTypes from 'prop-types';
 import './SensorReading.css';
 import { useDateTimeFormatter } from '../../utils/useDateTimeFormatter.js';
+import { isValid } from 'date-fns';
 
 const units = {
     Temperature: ['°C', 1],
@@ -20,6 +21,11 @@ const SensorReading = ({
         formatDefault,
         formatDistanceToNow,
     } = useDateTimeFormatter();
+
+    if (!isValid(timestamp) || typeof value !== 'number') {
+        return null;
+    }
+
     const lastUpdate = new Date(timestamp);
     const formattedTimestamp = formatDefault(lastUpdate) + ' (' + formatDistanceToNow(lastUpdate) + ')';
     const unit = units[type];