keep all connection logs updated

LoV432 · Nov 13, 2023 · 2d8b6a6 · 2d8b6a6
1 parent b03a56e
commit 2d8b6a6
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/app/components/dashboard/DashboardCardTotalDisconnectTime.client.tsx b/app/components/dashboard/DashboardCardTotalDisconnectTime.client.tsx
@@ -25,6 +25,21 @@ export default function DashboardCardTotalDisconnectTime({
 			connectionLogsListModalRef.current?.showModal();
 		}
 	}
+
+	useEffect(() => {
+		const interval = setInterval(() => {
+			const getNewLogs = fetch('/api/get-connection-logs');
+			getNewLogs
+				.then((response) => response.json())
+				.then((data: connectionLogsList) => {
+					setHumanReadableDisconnectedTime(
+						connectionLogsListToHumanFormat(data)
+					);
+					setBackgroundColor(dashboardColor(humanReadableDisconnectedTime));
+				});
+		}, 3000);
+		return () => clearInterval(interval);
+	}, []);
 	return (
 		<>
 			<DashboardCardBase backgroundColor={backgroundColor}>