From 7e5f1b807fda34490912244dd94d97bec62e8645 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Thu, 10 Oct 2024 21:48:53 +0530
Subject: [PATCH] feat: show button based on recording state

---
 src/components/molecules/NavBar.tsx | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index 9baf8a10..12864b37 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -110,27 +110,25 @@ export const NavBar: React.FC<NavBarProps> = ({ newRecording, recordingName, isR
                       <Logout sx={{ marginRight: '5px' }} />
                       Logout</IconButton>
                   </>
-                ) : ""
+                ) : <Button sx={{
+                  width: '100px',
+                  background: '#fff',
+                  color: 'rgba(25, 118, 210, 0.7)',
+                  padding: '9px',
+                  marginRight: '19px',
+                  '&:hover': {
+                    background: 'white',
+                    color: 'rgb(25, 118, 210)',
+                  }
+                }} onClick={goToMainMenu}>
+                  <MeetingRoomIcon sx={{ marginRight: '5px' }} />
+                  exit</Button>
               }
               {
                 recordingLength > 0
                   ? <SaveRecording fileName={recordingName} />
                   : null
               }
-              {isRecording ? <Button sx={{
-                width: '100px',
-                background: '#fff',
-                color: 'rgba(25, 118, 210, 0.7)',
-                padding: '9px',
-                marginRight: '19px',
-                '&:hover': {
-                  background: 'white',
-                  color: 'rgb(25, 118, 210)',
-                }
-              }} onClick={goToMainMenu}>
-                <MeetingRoomIcon sx={{ marginRight: '5px' }} />
-                exit</Button>
-                : null}
             </div>
           </>
         ) : ""