From 4d0fc3cfceabc61e7230926b092ae7cd2e438264 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Wed, 5 Feb 2025 22:31:55 +0530
Subject: [PATCH 1/9] feat: !variant

---
 src/components/dashboard/NavBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index 710e46e6..0fc671be 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -220,7 +220,7 @@ export const NavBar: React.FC<NavBarProps> = ({
             <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end' }}>
               {!isRecording ? (
                 <>
-                  <Button variant="outlined" onClick={handleUpdateOpen} sx={{
+                  <Button onClick={handleUpdateOpen} sx={{
                     marginRight: '25px',
                     color: "#00000099",
                     border: "#00000099 1px solid",

From 40db2dd58b108dd232d8339feea6cb95190f9ea1 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Wed, 5 Feb 2025 22:32:14 +0530
Subject: [PATCH 2/9] feat: !border

---
 src/components/dashboard/NavBar.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index 0fc671be..a2cbd50e 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -223,7 +223,6 @@ export const NavBar: React.FC<NavBarProps> = ({
                   <Button onClick={handleUpdateOpen} sx={{
                     marginRight: '25px',
                     color: "#00000099",
-                    border: "#00000099 1px solid",
                     '&:hover': { color: '#ff00c3', border: '#ff00c3 1px solid' }
                   }}>
                     <Update sx={{ marginRight: '5px' }} /> {t('navbar.upgrade.button')}

From e2721e5b92f3e0c84efdbd3bb5312524c64e8d23 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Wed, 5 Feb 2025 22:32:28 +0530
Subject: [PATCH 3/9] feat: !border on hover

---
 src/components/dashboard/NavBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index a2cbd50e..14bbb225 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -223,7 +223,7 @@ export const NavBar: React.FC<NavBarProps> = ({
                   <Button onClick={handleUpdateOpen} sx={{
                     marginRight: '25px',
                     color: "#00000099",
-                    '&:hover': { color: '#ff00c3', border: '#ff00c3 1px solid' }
+                    '&:hover': { color: '#ff00c3'}
                   }}>
                     <Update sx={{ marginRight: '5px' }} /> {t('navbar.upgrade.button')}
                   </Button>

From 6e93fec28e9e813c78010a9d83bbe63ee6c5efa8 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Wed, 5 Feb 2025 22:35:19 +0530
Subject: [PATCH 4/9] feat: use icon button

---
 src/components/dashboard/NavBar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index 14bbb225..5b6e8338 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -220,13 +220,13 @@ export const NavBar: React.FC<NavBarProps> = ({
             <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end' }}>
               {!isRecording ? (
                 <>
-                  <Button onClick={handleUpdateOpen} sx={{
+                  <IconButton onClick={handleUpdateOpen} sx={{
                     marginRight: '25px',
                     color: "#00000099",
                     '&:hover': { color: '#ff00c3'}
                   }}>
                     <Update sx={{ marginRight: '5px' }} /> {t('navbar.upgrade.button')}
-                  </Button>
+                  </IconButton>
                   <Modal open={open} onClose={handleUpdateClose}>
                     <Box
                       sx={{

From 3e4bfdd00cb4b7e5ae7b1a8e4c285a3fa3d27e78 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Wed, 5 Feb 2025 22:36:30 +0530
Subject: [PATCH 5/9] feat: icon button styles

---
 src/components/dashboard/NavBar.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index 5b6e8338..1a64f71a 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -221,9 +221,11 @@ export const NavBar: React.FC<NavBarProps> = ({
               {!isRecording ? (
                 <>
                   <IconButton onClick={handleUpdateOpen} sx={{
-                    marginRight: '25px',
-                    color: "#00000099",
-                    '&:hover': { color: '#ff00c3'}
+                    display: 'flex',
+                    alignItems: 'center',
+                    borderRadius: '5px',
+                    padding: '8px',
+                    marginRight: '10px',
                   }}>
                     <Update sx={{ marginRight: '5px' }} /> {t('navbar.upgrade.button')}
                   </IconButton>

From 1a5beae97cfe9cf6ce3e939d13a94d40b9219a6a Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Wed, 5 Feb 2025 22:38:03 +0530
Subject: [PATCH 6/9] feat: wrap text inside typography body 1

---
 src/components/dashboard/NavBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index 1a64f71a..6bd57a77 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -227,7 +227,7 @@ export const NavBar: React.FC<NavBarProps> = ({
                     padding: '8px',
                     marginRight: '10px',
                   }}>
-                    <Update sx={{ marginRight: '5px' }} /> {t('navbar.upgrade.button')}
+                    <Update sx={{ marginRight: '5px' }} /> <Typography variant="body1">{t('navbar.upgrade.button')}</Typography>
                   </IconButton>
                   <Modal open={open} onClose={handleUpdateClose}>
                     <Box

From 4ccf2f7c0411a9e3bb63865c2ac8cba07c8daa4f Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Wed, 5 Feb 2025 22:38:29 +0530
Subject: [PATCH 7/9] feat: move typographu

---
 src/components/dashboard/NavBar.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index 6bd57a77..a41c6a42 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -227,7 +227,8 @@ export const NavBar: React.FC<NavBarProps> = ({
                     padding: '8px',
                     marginRight: '10px',
                   }}>
-                    <Update sx={{ marginRight: '5px' }} /> <Typography variant="body1">{t('navbar.upgrade.button')}</Typography>
+                    <Update sx={{ marginRight: '5px' }} /> 
+                    <Typography variant="body1">{t('navbar.upgrade.button')}</Typography>
                   </IconButton>
                   <Modal open={open} onClose={handleUpdateClose}>
                     <Box

From 537497464635217b6ea29853fadbdad376228bc9 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Wed, 5 Feb 2025 22:38:41 +0530
Subject: [PATCH 8/9] chore: lint

---
 src/components/dashboard/NavBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index a41c6a42..c35fc60d 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -227,7 +227,7 @@ export const NavBar: React.FC<NavBarProps> = ({
                     padding: '8px',
                     marginRight: '10px',
                   }}>
-                    <Update sx={{ marginRight: '5px' }} /> 
+                    <Update sx={{ marginRight: '5px' }} />
                     <Typography variant="body1">{t('navbar.upgrade.button')}</Typography>
                   </IconButton>
                   <Modal open={open} onClose={handleUpdateClose}>

From 5ea92572d8124c7f9954e81b0fe207bfe85e520d Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Wed, 5 Feb 2025 22:39:51 +0530
Subject: [PATCH 9/9] feat: increase spacing

---
 src/components/dashboard/NavBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index c35fc60d..8a9b1e9c 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -225,7 +225,7 @@ export const NavBar: React.FC<NavBarProps> = ({
                     alignItems: 'center',
                     borderRadius: '5px',
                     padding: '8px',
-                    marginRight: '10px',
+                    marginRight: '20px',
                   }}>
                     <Update sx={{ marginRight: '5px' }} />
                     <Typography variant="body1">{t('navbar.upgrade.button')}</Typography>