chore: lint

This commit is contained in:
amhsirak
2024-12-08 21:09:58 +05:30
parent 07c1404708
commit 37ed5fa555

View File

@@ -103,69 +103,69 @@ export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) =>
<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end' }}> <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end' }}>
{!isRecording ? ( {!isRecording ? (
<> <>
<Button variant="contained" onClick={handleUpdateOpen}> <Button variant="contained" onClick={handleUpdateOpen}>
Check for Updates Check for Updates
</Button> </Button>
<Modal open={open} onClose={handleUpdateClose}> <Modal open={open} onClose={handleUpdateClose}>
<Box <Box
sx={{ sx={{
position: "absolute", position: "absolute",
top: "50%", top: "50%",
left: "50%", left: "50%",
transform: "translate(-50%, -50%)", transform: "translate(-50%, -50%)",
width: 400, width: 400,
bgcolor: "background.paper", bgcolor: "background.paper",
boxShadow: 24, boxShadow: 24,
p: 4, p: 4,
borderRadius: 2, borderRadius: 2,
}} }}
> >
{latestVersion === null ? ( {latestVersion === null ? (
<Typography>Checking for updates...</Typography> <Typography>Checking for updates...</Typography>
) : currentVersion === latestVersion ? ( ) : currentVersion === latestVersion ? (
<Typography variant="h6" textAlign="center"> <Typography variant="h6" textAlign="center">
🎉 You're up to date! 🎉 You're up to date!
</Typography> </Typography>
) : ( ) : (
<> <>
<Typography variant="h6" textAlign="center"> <Typography variant="h6" textAlign="center">
A new version is available: {latestVersion} A new version is available: {latestVersion}
</Typography> </Typography>
<Tabs <Tabs
value={tab} value={tab}
onChange={handleUpdateTabChange} onChange={handleUpdateTabChange}
sx={{ marginTop: 2, marginBottom: 2 }} sx={{ marginTop: 2, marginBottom: 2 }}
centered centered
> >
<Tab label="Manual" /> <Tab label="Manual" />
<Tab label="Docker Compose" /> <Tab label="Docker Compose" />
</Tabs> </Tabs>
{tab === 0 && ( {tab === 0 && (
<Box> <Box>
<Typography variant="h6">Manual Upgrade</Typography> <Typography variant="h6">Manual Upgrade</Typography>
<Typography component="pre" sx={{ bgcolor: "#f5f5f5", p: 2, borderRadius: 1 }}> <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> </Typography>
</Box> </Box>
)} )}
{tab === 1 && ( {tab === 1 && (
<Box> <Box>
<Typography variant="h6">Docker Compose Upgrade</Typography> <Typography variant="h6">Docker Compose Upgrade</Typography>
<Typography component="pre" sx={{ bgcolor: "#f5f5f5", p: 2, borderRadius: 1 }}> <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> </Typography>
</Box> </Box>
)} )}
</> </>
)} )}
</Box> </Box>
</Modal> </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> <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={{ <IconButton onClick={handleMenuOpen} sx={{
display: 'flex', display: 'flex',
@@ -190,7 +190,7 @@ export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) =>
vertical: 'top', vertical: 'top',
horizontal: 'right', horizontal: 'right',
}} }}
PaperProps={{sx: {width: '180px'}}} PaperProps={{ sx: { width: '180px' } }}
> >
<MenuItem onClick={() => { handleMenuClose(); logout(); }}> <MenuItem onClick={() => { handleMenuClose(); logout(); }}>
<Logout sx={{ marginRight: '5px' }} /> Logout <Logout sx={{ marginRight: '5px' }} /> Logout