device store cleanup & peers page improvements

2023-01-01 01:23:30 +11:00
parent ec25ec60ee
commit 0fcf27a77f
8 changed files with 132 additions and 146 deletions
@@ -12,6 +12,7 @@ import {
  EllipsisHorizontalIcon
 } from "@heroicons/react/24/outline";
 import { Protobuf } from "@meshtastic/meshtasticjs";
+import TimeAgo from "timeago-react";

 export const PeersPage = (): JSX.Element => {
  const { connection, nodes } = useDevice();
@@ -98,7 +99,10 @@ export const PeersPage = (): JSX.Element => {
                )}
              </td>
              <td className="whitespace-nowrap py-2 text-sm text-textSecondary">
-                {new Date(node.data.lastHeard).toLocaleTimeString()}
+                <TimeAgo
+                  datetime={node.data.lastHeard * 1000}
+                  opts={{ minInterval: 10 }}
+                />
              </td>
              <td className="whitespace-nowrap py-2 text-sm text-textSecondary">
                <Mono>{node.data.snr}db</Mono>