From 38116305ecf1c588a0771a240c05b51903999879 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Fri, 23 Jan 2026 17:19:23 +0530
Subject: [PATCH 1/4] feat: -rm upgrade button

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

diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index 41a315b1..9c76e00b 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -249,19 +249,6 @@ export const NavBar: React.FC<NavBarProps> = ({
             <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end' }}>
               {!isRecording ? (
                 <>
-                  <IconButton onClick={handleUpdateOpen} sx={{
-                    display: 'flex',
-                    alignItems: 'center',
-                    borderRadius: '5px',
-                    padding: '8px',
-                    marginRight: '20px',
-                    '&:hover': {
-                      background: 'inherit'
-                    }
-                  }}>
-                    <Update sx={{ marginRight: '5px' }} />
-                    <Typography variant="body1">{t('navbar.upgrade.button')}</Typography>
-                  </IconButton>
                   <Modal open={open} onClose={handleUpdateClose}>
                     <Box
                       sx={{

From 866511c21b90d410c30c7d61616bce7e1476b474 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Fri, 23 Jan 2026 17:24:27 +0530
Subject: [PATCH 2/4] chore: cleanup upgrade modal code

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

diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index 9c76e00b..98f452f7 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -62,9 +62,7 @@ export const NavBar: React.FC<NavBarProps> = ({
 
   const currentVersion = packageJson.version;
 
-  const [open, setOpen] = useState(false);
   const [latestVersion, setLatestVersion] = useState<string | null>(null);
-  const [tab, setTab] = useState(0);
   const [isUpdateAvailable, setIsUpdateAvailable] = useState(false);
 
   const fetchLatestVersion = async (): Promise<string | null> => {
@@ -79,20 +77,6 @@ export const NavBar: React.FC<NavBarProps> = ({
     }
   };
 
-  const handleUpdateOpen = () => {
-    setOpen(true);
-    fetchLatestVersion();
-  };
-
-  const handleUpdateClose = () => {
-    setOpen(false);
-    setTab(0); // Reset tab to the first tab
-  };
-
-  const handleUpdateTabChange = (event: React.SyntheticEvent, newValue: number) => {
-    setTab(newValue);
-  };
-
   const handleMenuOpen = (event: React.MouseEvent<HTMLElement>) => {
     setAnchorEl(event.currentTarget);
   };
@@ -197,7 +181,6 @@ export const NavBar: React.FC<NavBarProps> = ({
               <Button
                 color="primary"
                 size="small"
-                onClick={handleUpdateOpen}
                 style={{
                   backgroundColor: '#ff00c3',
                   color: 'white',
@@ -249,101 +232,6 @@ export const NavBar: React.FC<NavBarProps> = ({
             <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end' }}>
               {!isRecording ? (
                 <>
-                  <Modal open={open} onClose={handleUpdateClose}>
-                    <Box
-                      sx={{
-                        position: "absolute",
-                        top: "50%",
-                        left: "50%",
-                        transform: "translate(-50%, -50%)",
-                        width: 700,
-                        bgcolor: "background.paper",
-                        boxShadow: 24,
-                        p: 4,
-                        borderRadius: 2,
-                      }}
-                    >
-                      {latestVersion === null ? (
-                        <Typography>Checking for updates...</Typography>
-                      ) : currentVersion === latestVersion ? (
-                        <Typography variant="h6" textAlign="center">
-                          {t('navbar.upgrade.modal.up_to_date')}
-                        </Typography>
-                      ) : (
-                        <>
-                          <Typography variant="body1" textAlign="left" sx={{ marginLeft: '30px' }}>
-                            {t('navbar.upgrade.modal.new_version_available', { version: latestVersion })}
-                            <br />
-                            {t('navbar.upgrade.modal.view_updates')}
-                            <a href="https://github.com/getmaxun/maxun/releases/" target="_blank" style={{ textDecoration: 'none' }}>{' '}here.</a>
-                          </Typography>
-                          <Tabs
-                            value={tab}
-                            onChange={handleUpdateTabChange}
-                            sx={{ marginTop: 2, marginBottom: 2, marginLeft: '30px' }}
-                          >
-                            <Tab label={t('navbar.upgrade.modal.tabs.manual_setup')} />
-                            <Tab label={t('navbar.upgrade.modal.tabs.docker_setup')} />
-                          </Tabs>
-                          {tab === 0 && (
-                            <Box sx={{ marginLeft: '30px', background: '#cfd0d1', padding: 1, borderRadius: 3 }}>
-                              <code style={{ color: 'black' }}>
-                                <p>Run the commands below</p>
-                                # cd to project directory (eg: maxun)
-                                <br />
-                                cd maxun
-                                <br />
-                                <br />
-                                # pull latest changes
-                                <br />
-                                git pull origin master
-                                <br />
-                                <br />
-                                # install dependencies
-                                <br />
-                                npm install
-                                <br />
-                                <br />
-                                # start maxun
-                                <br />
-                                npm run start
-                              </code>
-                            </Box>
-                          )}
-                          {tab === 1 && (
-                            <Box sx={{ marginLeft: '30px', background: '#cfd0d1', padding: 1, borderRadius: 3 }}>
-                              <code style={{ color: 'black' }}>
-                                <p>Run the commands below</p>
-                                # cd to project directory (eg: maxun)
-                                <br />
-                                cd maxun
-                                <br />
-                                <br />
-                                # stop the working containers
-                                <br />
-                                docker-compose down
-                                <br />
-                                <br />
-                                # Remove existing backend and frontend images
-                                <br />
-                                docker rmi getmaxun/maxun-frontend:latest getmaxun/maxun-backend:latest
-                                <br />
-                                <br />
-                                # pull latest docker images
-                                <br />
-                                docker-compose pull backend frontend
-                                <br />
-                                <br />
-                                # start maxun
-                                <br />
-                                docker-compose up -d
-                              </code>
-                            </Box>
-                          )}
-                        </>
-                      )}
-                    </Box>
-                  </Modal>
                   {/* <iframe 
                   src="https://ghbtns.com/github-btn.html?user=getmaxun&repo=maxun&type=star&count=true&size=large" 
                   // frameBorder="0" 

From 81e5372f10ed198e1484d23e0602e35fabbb1312 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Fri, 23 Jan 2026 17:28:27 +0530
Subject: [PATCH 3/4] feat: redirect to docs

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

diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index 98f452f7..2117965c 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -181,6 +181,7 @@ export const NavBar: React.FC<NavBarProps> = ({
               <Button
                 color="primary"
                 size="small"
+                href="https://docs.maxun.dev/installation/upgrade"
                 style={{
                   backgroundColor: '#ff00c3',
                   color: 'white',

From 1a0ef9f8a0244412abd101c63fa31fa0e0071c3a Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Fri, 23 Jan 2026 17:28:48 +0530
Subject: [PATCH 4/4] chore: -rm unused imports

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

diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index 2117965c..a1ad8c2c 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -11,10 +11,6 @@ import {
   Typography,
   Chip,
   Button,
-  Modal,
-  Tabs,
-  Tab,
-  Box,
   Snackbar,
   Tooltip
 } from "@mui/material";
@@ -25,7 +21,6 @@ import {
   YouTube,
   X,
   GitHub,
-  Update,
   Close,
   LightMode,
   DarkMode,