From daa33ba21ba30505e4c149aaec3b8bb60f2a7f37 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Thu, 24 Oct 2024 15:08:05 +0530
Subject: [PATCH] feat: show navbar only when not recording

---
 src/pages/PageWrappper.tsx | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/pages/PageWrappper.tsx b/src/pages/PageWrappper.tsx
index 2b34e58c..4eb5c693 100644
--- a/src/pages/PageWrappper.tsx
+++ b/src/pages/PageWrappper.tsx
@@ -49,29 +49,29 @@ export const PageWrapper = () => {
     <div>
       <AuthProvider>
         <SocketProvider>
-          <React.Fragment>
-            <NavBar recordingName={recordingName} isRecording={!!browserId} />
+            <React.Fragment>
+            {!browserId && <NavBar recordingName={recordingName} isRecording={!!browserId} />}
             <Routes>
               <Route element={<UserRoute />}>
-                <Route path="/" element={<MainPage handleEditRecording={handleEditRecording} />} />
+              <Route path="/" element={<MainPage handleEditRecording={handleEditRecording} />} />
               </Route>
               <Route element={<UserRoute />}>
-                <Route path="/recording" element={
-                  <BrowserDimensionsProvider>
-                    <RecordingPage recordingName={recordingName} />
-                  </BrowserDimensionsProvider>
-                } />
+              <Route path="/recording" element={
+                <BrowserDimensionsProvider>
+                <RecordingPage recordingName={recordingName} />
+                </BrowserDimensionsProvider>
+              } />
               </Route>
               <Route
-                path="/login"
-                element={<Login />}
+              path="/login"
+              element={<Login />}
               />
               <Route
-                path="/register"
-                element={<Register />}
+              path="/register"
+              element={<Register />}
               />
             </Routes>
-          </React.Fragment>
+            </React.Fragment>
         </SocketProvider>
       </AuthProvider>
       {isNotification() ?