From 1ff226f15854c58b8b4a0335b083f4c22bfc0247 Mon Sep 17 00:00:00 2001
From: Rohit <rohit.rajan031101@gmail.com>
Date: Tue, 11 Mar 2025 12:54:06 +0530
Subject: [PATCH] feat: prevent refresh on reload

---
 src/routes/userRoute.tsx | 50 +++++++++++++++++++++++++++++++++++++---
 1 file changed, 47 insertions(+), 3 deletions(-)

diff --git a/src/routes/userRoute.tsx b/src/routes/userRoute.tsx
index 4e9bb7c2..fe0a31ff 100644
--- a/src/routes/userRoute.tsx
+++ b/src/routes/userRoute.tsx
@@ -1,12 +1,56 @@
-import React from 'react';
-import { Navigate, Outlet } from 'react-router-dom';
+import React, { useEffect, useState } from 'react';
+import { Navigate, Outlet, useLocation } from 'react-router-dom';
 import { useContext } from 'react';
 import { AuthContext } from '../context/auth';
+import { useGlobalInfoStore } from '../context/globalInfo';
 
 const UserRoute = () => {
     const { state } = useContext(AuthContext);
+    const location = useLocation();
+    const [isCheckingAuth, setIsCheckingAuth] = useState(true);
 
+    const { setRecordingUrl } = useGlobalInfoStore();
+    
+    useEffect(() => {
+        if (location.pathname === '/recording') {
+            const hasRecordingSession = 
+                window.sessionStorage.getItem('browserId') ||
+                window.sessionStorage.getItem('recordingSessionId');
+
+            const recordingUrl = window.sessionStorage.getItem('recordingUrl');
+            if (recordingUrl) {
+                setRecordingUrl(recordingUrl);
+            }
+            
+            if (hasRecordingSession) {
+                console.log('UserRoute: Valid recording session detected, bypassing auth check');
+                setIsCheckingAuth(false);
+                return;
+            }
+        }
+        
+        const timer = setTimeout(() => {
+            setIsCheckingAuth(false);
+        }, 100); 
+        
+        return () => clearTimeout(timer);
+    }, [location.pathname]);
+    
+    if (isCheckingAuth) {
+        return null; 
+    }
+    
+    if (location.pathname === '/recording') {
+        const hasRecordingSession = 
+            window.sessionStorage.getItem('browserId') ||
+            window.sessionStorage.getItem('recordingSessionId');
+        
+        if (hasRecordingSession) {
+            return <Outlet />;
+        }
+    }
+    
     return state.user ? <Outlet /> : <Navigate to="/login" />;
 };
 
-export default UserRoute;
+export default UserRoute;
\ No newline at end of file