From 32de7bd4bb227d1d351261d36aa1f7ae228c6e61 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Mon, 30 Sep 2024 16:00:09 +0530
Subject: [PATCH 1/4] feat: wrap recording & exit buttons inside user !null
 check

---
 src/components/molecules/NavBar.tsx | 140 ++++++++++++++--------------
 1 file changed, 71 insertions(+), 69 deletions(-)

diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index e42a615a..be749d63 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -54,76 +54,78 @@ export const NavBar = ({ newRecording, recordingName, isRecording }: NavBarProps
 
   return (
     <NavBarWrapper>
-      <div style={{
-        display: 'flex',
-        justifyContent: 'flex-start',
-      }}>
-        <RecordingIcon />
-        <div style={{ padding: '11px' }}><ProjectName>Maxun</ProjectName></div>
-      </div>
-      <div style={{
-        display: 'flex',
-        justifyContent: 'flex-end',
-      }}>
-        <IconButton
-          aria-label="new"
-          size={"small"}
-          onClick={handleNewRecording}
-          sx={{
-            width: isRecording ? '100px' : '130px',
-            borderRadius: '5px',
-            padding: '8px',
-            background: 'white',
-            color: 'rgba(255,0,0,0.7)',
-            marginRight: '10px',
-            fontFamily: '"Roboto","Helvetica","Arial",sans-serif',
-            fontWeight: '500',
-            fontSize: '0.875rem',
-            lineHeight: '1.75',
-            letterSpacing: '0.02857em',
-            '&:hover': { color: 'red', backgroundColor: 'white' }
-          }
-          }
-        >
-          <Circle sx={{ marginRight: '5px' }} /> {isRecording ? 'NEW' : 'RECORD'}
-        </IconButton>
-        {
-          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}
-        {
-          user !== null ? (
-            <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)',
+              {
+                user !== null ? (
+                  <>
+                    <div style={{
+                      display: 'flex',
+                      justifyContent: 'flex-start',
+                    }}>
+                      <RecordingIcon />
+                      <div style={{ padding: '11px' }}><ProjectName>Maxun</ProjectName></div>
+                    </div>
+                    <div style={{
+                      display: 'flex',
+                      justifyContent: 'flex-end',
+                    }}>
+                      <IconButton
+                        aria-label="new"
+                        size={"small"}
+                        onClick={handleNewRecording}
+                        sx={{
+                          width: isRecording ? '100px' : '130px',
+                          borderRadius: '5px',
+                          padding: '8px',
+                          background: 'white',
+                          color: 'rgba(255,0,0,0.7)',
+                          marginRight: '10px',
+                          fontFamily: '"Roboto","Helvetica","Arial",sans-serif',
+                          fontWeight: '500',
+                          fontSize: '0.875rem',
+                          lineHeight: '1.75',
+                          letterSpacing: '0.02857em',
+                          '&:hover': { color: 'red', backgroundColor: 'white' }
+                        }
+                        }
+                      >
+                        <Circle sx={{ marginRight: '5px' }} /> {isRecording ? 'NEW' : 'RECORD'}
+                      </IconButton>
+                      {
+                        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}
+                          <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={logout}>
+                            <MeetingRoomIcon sx={{ marginRight: '5px' }} />
+                            logout</Button>
+                    </div>
+                  </>
+                ) : ""
               }
-            }} onClick={logout}>
-              <MeetingRoomIcon sx={{ marginRight: '5px' }} />
-              logout</Button>
-          ) : ""
-        }
-      </div>
 
     </NavBarWrapper>
   );

From b35dc90da85d9669dda1440dc8b4e78e5fcb767b Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Mon, 30 Sep 2024 16:00:26 +0530
Subject: [PATCH 2/4] chore: lint

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

diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index be749d63..d2c39cd1 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -54,78 +54,78 @@ export const NavBar = ({ newRecording, recordingName, isRecording }: NavBarProps
 
   return (
     <NavBarWrapper>
+      {
+        user !== null ? (
+          <>
+            <div style={{
+              display: 'flex',
+              justifyContent: 'flex-start',
+            }}>
+              <RecordingIcon />
+              <div style={{ padding: '11px' }}><ProjectName>Maxun</ProjectName></div>
+            </div>
+            <div style={{
+              display: 'flex',
+              justifyContent: 'flex-end',
+            }}>
+              <IconButton
+                aria-label="new"
+                size={"small"}
+                onClick={handleNewRecording}
+                sx={{
+                  width: isRecording ? '100px' : '130px',
+                  borderRadius: '5px',
+                  padding: '8px',
+                  background: 'white',
+                  color: 'rgba(255,0,0,0.7)',
+                  marginRight: '10px',
+                  fontFamily: '"Roboto","Helvetica","Arial",sans-serif',
+                  fontWeight: '500',
+                  fontSize: '0.875rem',
+                  lineHeight: '1.75',
+                  letterSpacing: '0.02857em',
+                  '&:hover': { color: 'red', backgroundColor: 'white' }
+                }
+                }
+              >
+                <Circle sx={{ marginRight: '5px' }} /> {isRecording ? 'NEW' : 'RECORD'}
+              </IconButton>
               {
-                user !== null ? (
-                  <>
-                    <div style={{
-                      display: 'flex',
-                      justifyContent: 'flex-start',
-                    }}>
-                      <RecordingIcon />
-                      <div style={{ padding: '11px' }}><ProjectName>Maxun</ProjectName></div>
-                    </div>
-                    <div style={{
-                      display: 'flex',
-                      justifyContent: 'flex-end',
-                    }}>
-                      <IconButton
-                        aria-label="new"
-                        size={"small"}
-                        onClick={handleNewRecording}
-                        sx={{
-                          width: isRecording ? '100px' : '130px',
-                          borderRadius: '5px',
-                          padding: '8px',
-                          background: 'white',
-                          color: 'rgba(255,0,0,0.7)',
-                          marginRight: '10px',
-                          fontFamily: '"Roboto","Helvetica","Arial",sans-serif',
-                          fontWeight: '500',
-                          fontSize: '0.875rem',
-                          lineHeight: '1.75',
-                          letterSpacing: '0.02857em',
-                          '&:hover': { color: 'red', backgroundColor: 'white' }
-                        }
-                        }
-                      >
-                        <Circle sx={{ marginRight: '5px' }} /> {isRecording ? 'NEW' : 'RECORD'}
-                      </IconButton>
-                      {
-                        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}
-                          <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={logout}>
-                            <MeetingRoomIcon sx={{ marginRight: '5px' }} />
-                            logout</Button>
-                    </div>
-                  </>
-                ) : ""
+                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}
+              <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={logout}>
+                <MeetingRoomIcon sx={{ marginRight: '5px' }} />
+                logout</Button>
+            </div>
+          </>
+        ) : ""
+      }
 
     </NavBarWrapper>
   );

From d95b9e66abff2f0145f390d13b381caa26e94719 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Mon, 30 Sep 2024 16:05:26 +0530
Subject: [PATCH 3/4] feat: move logo & brand outside

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

diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index d2c39cd1..b391a7dd 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -54,16 +54,16 @@ export const NavBar = ({ newRecording, recordingName, isRecording }: NavBarProps
 
   return (
     <NavBarWrapper>
-      {
-        user !== null ? (
-          <>
-            <div style={{
+                  <div style={{
               display: 'flex',
               justifyContent: 'flex-start',
             }}>
               <RecordingIcon />
               <div style={{ padding: '11px' }}><ProjectName>Maxun</ProjectName></div>
             </div>
+      {
+        user !== null ? (
+          <>
             <div style={{
               display: 'flex',
               justifyContent: 'flex-end',

From 2b496de74d9d1fca9699f7861ed19ae7cec6cc2e Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Mon, 30 Sep 2024 16:05:50 +0530
Subject: [PATCH 4/4] chore: prettier

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

diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index b391a7dd..1bfec709 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -54,13 +54,13 @@ export const NavBar = ({ newRecording, recordingName, isRecording }: NavBarProps
 
   return (
     <NavBarWrapper>
-                  <div style={{
-              display: 'flex',
-              justifyContent: 'flex-start',
-            }}>
-              <RecordingIcon />
-              <div style={{ padding: '11px' }}><ProjectName>Maxun</ProjectName></div>
-            </div>
+      <div style={{
+        display: 'flex',
+        justifyContent: 'flex-start',
+      }}>
+        <RecordingIcon />
+        <div style={{ padding: '11px' }}><ProjectName>Maxun</ProjectName></div>
+      </div>
       {
         user !== null ? (
           <>