feat: snackbar ui
This commit is contained in:
@@ -98,47 +98,47 @@ export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) =>
|
|||||||
<>
|
<>
|
||||||
{isUpdateAvailable && (
|
{isUpdateAvailable && (
|
||||||
<Snackbar
|
<Snackbar
|
||||||
open={isUpdateAvailable}
|
open={isUpdateAvailable}
|
||||||
onClose={() => setIsUpdateAvailable(false)}
|
onClose={() => setIsUpdateAvailable(false)}
|
||||||
message={
|
message={
|
||||||
`New version ${latestVersion} available! Click "Upgrade" to update.`
|
`New version ${latestVersion} available! Click "Upgrade" to update.`
|
||||||
}
|
|
||||||
action={
|
|
||||||
<>
|
|
||||||
<Button
|
|
||||||
color="primary"
|
|
||||||
size="small"
|
|
||||||
onClick={handleUpdateOpen}
|
|
||||||
style={{
|
|
||||||
backgroundColor: '#ff00c3',
|
|
||||||
color: 'white',
|
|
||||||
fontWeight: 'bold',
|
|
||||||
textTransform: 'none',
|
|
||||||
marginRight: '8px',
|
|
||||||
borderRadius: '5px',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
Upgrade
|
|
||||||
</Button>
|
|
||||||
<IconButton
|
|
||||||
size="small"
|
|
||||||
aria-label="close"
|
|
||||||
color="inherit"
|
|
||||||
onClick={() => setIsUpdateAvailable(false)}
|
|
||||||
style={{ color: 'black' }}
|
|
||||||
>
|
|
||||||
<Close />
|
|
||||||
</IconButton>
|
|
||||||
</>
|
|
||||||
}
|
|
||||||
ContentProps={{
|
|
||||||
sx: {
|
|
||||||
background: "white",
|
|
||||||
color: "black",
|
|
||||||
}
|
}
|
||||||
}}
|
action={
|
||||||
/>
|
<>
|
||||||
|
<Button
|
||||||
|
color="primary"
|
||||||
|
size="small"
|
||||||
|
onClick={handleUpdateOpen}
|
||||||
|
style={{
|
||||||
|
backgroundColor: '#ff00c3',
|
||||||
|
color: 'white',
|
||||||
|
fontWeight: 'bold',
|
||||||
|
textTransform: 'none',
|
||||||
|
marginRight: '8px',
|
||||||
|
borderRadius: '5px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Upgrade
|
||||||
|
</Button>
|
||||||
|
<IconButton
|
||||||
|
size="small"
|
||||||
|
aria-label="close"
|
||||||
|
color="inherit"
|
||||||
|
onClick={() => setIsUpdateAvailable(false)}
|
||||||
|
style={{ color: 'black' }}
|
||||||
|
>
|
||||||
|
<Close />
|
||||||
|
</IconButton>
|
||||||
|
</>
|
||||||
|
}
|
||||||
|
ContentProps={{
|
||||||
|
sx: {
|
||||||
|
background: "white",
|
||||||
|
color: "black",
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
)}
|
)}
|
||||||
<NavBarWrapper>
|
<NavBarWrapper>
|
||||||
<div style={{
|
<div style={{
|
||||||
|
|||||||
Reference in New Issue
Block a user