StatusGas does not display if the timestamp is over a day old

src/common/StatusGas.tsx

@@ -152,9 +152,31 @@ export default function StatusGas(props: Props) {
     )
   }
 
+  function compareTimestamps(timestamp1: string, timestamp2: string): number {
+    const date1 = new Date(timestamp1);
+    const date2 = new Date(timestamp2);
+
+    // Check if dates are valid
+    if (isNaN(date1.getTime()) || isNaN(date2.getTime())) {
+      throw new Error("Invalid RFC3339 timestamp format");
+    }
+
+    // Compare using getTime() for millisecond precision
+    return date1.getTime() - date2.getTime();
+  }
+
   const gasDisplay = () => {
     const gas = gasType === "all" ? gasTypes[currentIndex] : gasType
     // if (gasType !== "all") {
+    if (device.status[gas]?.timestamp) {
+      const now = new Date();
+      const oneDayAgo = new Date(now.getTime() - 24 * 60 * 60 * 1000);
+      if (compareTimestamps(device.status[gas]?.timestamp, oneDayAgo.toISOString()) < 0) {
+        return null
+      } 
+    } else {
+      return null
+    }
     return (
       <Tooltip title={tooltip()}>
         <PulseBox color={color} className={gasType === "all" ? classes.boxTall : classes.box}>