From cbe05c23c539ed3a85c26ca00bf82d92f40f1923 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Mon, 9 Dec 2024 01:16:13 +0530
Subject: [PATCH] feat: snackbar ui

---
 src/components/molecules/NavBar.tsx | 78 ++++++++++++++---------------
 1 file changed, 39 insertions(+), 39 deletions(-)

diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index 0b933b7e..c2f271cf 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -98,47 +98,47 @@ export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) =>
     <>
       {isUpdateAvailable && (
         <Snackbar
-        open={isUpdateAvailable}
-        onClose={() => setIsUpdateAvailable(false)}
-        message={
+          open={isUpdateAvailable}
+          onClose={() => setIsUpdateAvailable(false)}
+          message={
             `New version ${latestVersion} available! Click "Upgrade" to update.`
-        }
-        action={
-          <>
-            <Button
-              color="primary"
-              size="small"
-              onClick={handleUpdateOpen}
-              style={{
-                backgroundColor: '#ff00c3',
-                color: 'white',
-                fontWeight: 'bold',
-                textTransform: 'none',
-                marginRight: '8px',
-                borderRadius: '5px',
-              }}
-            >
-              Upgrade
-            </Button>
-            <IconButton
-              size="small"
-              aria-label="close"
-              color="inherit"
-              onClick={() => setIsUpdateAvailable(false)}
-              style={{ color: 'black' }}
-            >
-              <Close />
-            </IconButton>
-          </>
-        }
-        ContentProps={{
-          sx: {
-            background: "white",
-            color: "black",
           }
-        }}
-      />
-      
+          action={
+            <>
+              <Button
+                color="primary"
+                size="small"
+                onClick={handleUpdateOpen}
+                style={{
+                  backgroundColor: '#ff00c3',
+                  color: 'white',
+                  fontWeight: 'bold',
+                  textTransform: 'none',
+                  marginRight: '8px',
+                  borderRadius: '5px',
+                }}
+              >
+                Upgrade
+              </Button>
+              <IconButton
+                size="small"
+                aria-label="close"
+                color="inherit"
+                onClick={() => setIsUpdateAvailable(false)}
+                style={{ color: 'black' }}
+              >
+                <Close />
+              </IconButton>
+            </>
+          }
+          ContentProps={{
+            sx: {
+              background: "white",
+              color: "black",
+            }
+          }}
+        />
+
       )}
       <NavBarWrapper>
         <div style={{