chore: lint
This commit is contained in:
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user