wip: updates ui

This commit is contained in:
amhsirak
2024-12-08 22:23:09 +05:30
parent b30be4b976
commit 58aedacd4f

View File

@@ -112,7 +112,7 @@ export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) =>
top: "50%", top: "50%",
left: "50%", left: "50%",
transform: "translate(-50%, -50%)", transform: "translate(-50%, -50%)",
width: 400, width: 500,
bgcolor: "background.paper", bgcolor: "background.paper",
boxShadow: 24, boxShadow: 24,
p: 4, p: 4,
@@ -136,29 +136,27 @@ export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) =>
sx={{ marginTop: 2, marginBottom: 2 }} sx={{ marginTop: 2, marginBottom: 2 }}
centered centered
> >
<Tab label="Manual Setup" /> <Tab label="Manual Setup Upgrade" />
<Tab label="Docker Compose Setup" /> <Tab label="Docker Compose Setup Upgrade" />
</Tabs> </Tabs>
{tab === 0 && ( {tab === 0 && (
<Box> <Box>
<Typography variant="h6">Manual Upgrade</Typography> <div style={{ background: 'gray', marginLeft: '30px'}}>
<Typography component="pre" sx={{ bgcolor: "#f5f5f5", p: 2, borderRadius: 1 }}>
git pull origin main git pull origin main
<br /> <br />
npm install npm install
<br /> <br />
npm run start npm run start
</Typography> </div>
</Box> </Box>
)} )}
{tab === 1 && ( {tab === 1 && (
<Box> <Box>
<Typography variant="h6">Docker Compose Upgrade</Typography> <div style={{ background: 'gray', marginLeft: '30px'}}>
<Typography component="pre" sx={{ bgcolor: "#f5f5f5", p: 2, borderRadius: 1 }}>
docker pull getmaxun/maxun:latest docker pull getmaxun/maxun:latest
<br /> <br />
docker-compose up -d docker-compose up -d
</Typography> </div>
</Box> </Box>
)} )}
</> </>