From 37ed5fa555ca832f854071a885ee8fd5bf3c1454 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Sun, 8 Dec 2024 21:09:58 +0530
Subject: [PATCH] chore: lint

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

diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index bef197fa..96e1f07e 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -103,69 +103,69 @@ export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) =>
           <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end' }}>
             {!isRecording ? (
               <>
-              <Button variant="contained" onClick={handleUpdateOpen}>
-        Check for Updates
-      </Button>
-      <Modal open={open} onClose={handleUpdateClose}>
-        <Box
-          sx={{
-            position: "absolute",
-            top: "50%",
-            left: "50%",
-            transform: "translate(-50%, -50%)",
-            width: 400,
-            bgcolor: "background.paper",
-            boxShadow: 24,
-            p: 4,
-            borderRadius: 2,
-          }}
-        >
-          {latestVersion === null ? (
-            <Typography>Checking for updates...</Typography>
-          ) : currentVersion === latestVersion ? (
-            <Typography variant="h6" textAlign="center">
-              🎉 You're up to date!
-            </Typography>
-          ) : (
-            <>
-              <Typography variant="h6" textAlign="center">
-                A new version is available: {latestVersion}
-              </Typography>
-              <Tabs
-                value={tab}
-                onChange={handleUpdateTabChange}
-                sx={{ marginTop: 2, marginBottom: 2 }}
-                centered
-              >
-                <Tab label="Manual" />
-                <Tab label="Docker Compose" />
-              </Tabs>
-              {tab === 0 && (
-                <Box>
-                  <Typography variant="h6">Manual Upgrade</Typography>
-                  <Typography component="pre" sx={{ bgcolor: "#f5f5f5", p: 2, borderRadius: 1 }}>
-                    git pull origin main
-                    <br />
-                    npm install
-                    <br />
-                    npm run start
-                  </Typography>
-                </Box>
-              )}
-              {tab === 1 && (
-                <Box>
-                  <Typography variant="h6">Docker Compose Upgrade</Typography>
-                  <Typography component="pre" sx={{ bgcolor: "#f5f5f5", p: 2, borderRadius: 1 }}>
-                    docker pull getmaxun/maxun:latest
-                    <br />
-                    docker-compose up -d
-                  </Typography>
-                </Box>
-              )}
-            </>
-          )}
-        </Box>
-      </Modal>
+                <Button variant="contained" onClick={handleUpdateOpen}>
+                  Check for Updates
+                </Button>
+                <Modal open={open} onClose={handleUpdateClose}>
+                  <Box
+                    sx={{
+                      position: "absolute",
+                      top: "50%",
+                      left: "50%",
+                      transform: "translate(-50%, -50%)",
+                      width: 400,
+                      bgcolor: "background.paper",
+                      boxShadow: 24,
+                      p: 4,
+                      borderRadius: 2,
+                    }}
+                  >
+                    {latestVersion === null ? (
+                      <Typography>Checking for updates...</Typography>
+                    ) : currentVersion === latestVersion ? (
+                      <Typography variant="h6" textAlign="center">
+                        🎉 You're up to date!
+                      </Typography>
+                    ) : (
+                      <>
+                        <Typography variant="h6" textAlign="center">
+                          A new version is available: {latestVersion}
+                        </Typography>
+                        <Tabs
+                          value={tab}
+                          onChange={handleUpdateTabChange}
+                          sx={{ marginTop: 2, marginBottom: 2 }}
+                          centered
+                        >
+                          <Tab label="Manual" />
+                          <Tab label="Docker Compose" />
+                        </Tabs>
+                        {tab === 0 && (
+                          <Box>
+                            <Typography variant="h6">Manual Upgrade</Typography>
+                            <Typography component="pre" sx={{ bgcolor: "#f5f5f5", p: 2, borderRadius: 1 }}>
+                              git pull origin main
+                              <br />
+                              npm install
+                              <br />
+                              npm run start
+                            </Typography>
+                          </Box>
+                        )}
+                        {tab === 1 && (
+                          <Box>
+                            <Typography variant="h6">Docker Compose Upgrade</Typography>
+                            <Typography component="pre" sx={{ bgcolor: "#f5f5f5", p: 2, borderRadius: 1 }}>
+                              docker pull getmaxun/maxun:latest
+                              <br />
+                              docker-compose up -d
+                            </Typography>
+                          </Box>
+                        )}
+                      </>
+                    )}
+                  </Box>
+                </Modal>
                 <iframe src="https://ghbtns.com/github-btn.html?user=getmaxun&repo=maxun&type=star&count=true&size=large" frameBorder="0" scrolling="0" width="170" height="30" title="GitHub"></iframe>
                 <IconButton onClick={handleMenuOpen} sx={{
                   display: 'flex',
@@ -190,7 +190,7 @@ export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) =>
                     vertical: 'top',
                     horizontal: 'right',
                   }}
-                  PaperProps={{sx: {width: '180px'}}}
+                  PaperProps={{ sx: { width: '180px' } }}
                 >
                   <MenuItem onClick={() => { handleMenuClose(); logout(); }}>
                     <Logout sx={{ marginRight: '5px' }} /> Logout