Add Uptime.tsx

src/components/generic/Uptime.tsx

@@ -0,0 +1,23 @@
+import { type JSX, useEffect, useState } from "react";
+
+export interface UptimeProps {
+  seconds: number;
+}
+
+const getUptime = (seconds: number): string => {
+  const days = Math.floor(seconds / 86400);
+  const hours = Math.floor((seconds % 86400) / 3600);
+  const minutes = Math.floor(((seconds % 86400) % 3600) / 60);
+  const secondsLeft = Math.floor(((seconds % 86400) % 3600) % 60);
+  return `${days}d ${hours}h ${minutes}m ${secondsLeft}s`;
+};
+
+export const Uptime = ({ seconds }: UptimeProps): JSX.Element => {
+  const [uptime, setUptime] = useState(getUptime(seconds));
+
+  useEffect(() => {
+    setUptime(getUptime(seconds));
+  }, [seconds]);
+
+  return <span>{uptime}</span>;
+};