snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/components/connectionStatus/useReconnectCountdown.ts

@@ -0,0 +1,42 @@
+import { useEffect, useRef, useState } from 'react';
+
+const getReconnectCountdown = (retryTime: number): number => {
+	const timeDiff = retryTime - Date.now();
+	return (timeDiff > 0 && Math.round(timeDiff / 1000)) || 0;
+};
+
+export const useReconnectCountdown = (
+	retryTime: number | undefined,
+	status: 'connected' | 'connecting' | 'failed' | 'waiting' | 'offline',
+): number => {
+	const reconnectionTimerRef = useRef<ReturnType<typeof setInterval>>(undefined);
+	const [reconnectCountdown, setReconnectCountdown] = useState(() => (retryTime ? getReconnectCountdown(retryTime) : 0));
+
+	useEffect(() => {
+		if (status === 'waiting') {
+			if (reconnectionTimerRef.current) {
+				return;
+			}
+
+			reconnectionTimerRef.current = setInterval(() => {
+				retryTime && setReconnectCountdown(getReconnectCountdown(retryTime));
+			}, 500);
+			return () => {
+				reconnectionTimerRef.current && clearInterval(reconnectionTimerRef.current);
+				reconnectionTimerRef.current = undefined;
+			};
+		}
+
+		reconnectionTimerRef.current && clearInterval(reconnectionTimerRef.current);
+		reconnectionTimerRef.current = undefined;
+	}, [retryTime, status]);
+
+	useEffect(
+		() => (): void => {
+			reconnectionTimerRef.current && clearInterval(reconnectionTimerRef.current);
+		},
+		[],
+	);
+
+	return reconnectCountdown;
+};