From 18e842fc43495104951344045878e7d663f2cae4 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Thu, 10 Oct 2024 21:50:10 +0530
Subject: [PATCH] feat: discard recording

---
 src/components/molecules/NavBar.tsx | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index 12864b37..ad57f7f1 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -110,19 +110,22 @@ 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)',
-                  }
+                ) : <IconButton sx={{
+                  width: '140px',
+                  borderRadius: '5px',
+                  padding: '8px',
+                  background: '#ff00c3',
+                  color: 'white',
+                  marginRight: '10px',
+                  fontFamily: '"Roboto","Helvetica","Arial",sans-serif',
+                  fontWeight: '500',
+                  fontSize: '0.875rem',
+                  lineHeight: '1.75',
+                  letterSpacing: '0.02857em',
+                  '&:hover': { color: 'white', backgroundColor: '#ff00c3' }
                 }} onClick={goToMainMenu}>
                   <MeetingRoomIcon sx={{ marginRight: '5px' }} />
-                  exit</Button>
+                  Discard</IconButton>
               }
               {
                 recordingLength > 0