Add web minidisc pro banner

This commit is contained in:
Stefano Brilli 2022-09-29 12:14:40 +02:00
parent 314bf9272a
commit cb0ecf25d8
1 changed files with 10 additions and 0 deletions

View File

@ -17,6 +17,8 @@ import { TopMenu } from './topmenu';
import ChromeIconPath from '../images/chrome-icon.svg';
import { W95Welcome } from './win95/welcome';
import OpenInNewIcon from '@material-ui/icons/OpenInNew';
import Snackbar from '@material-ui/core/Snackbar';
import Alert from '@material-ui/lab/Alert';
const useStyles = makeStyles(theme => ({
main: {
@ -34,6 +36,9 @@ const useStyles = makeStyles(theme => ({
spacing: {
marginTop: theme.spacing(1),
},
spacing2: {
marginTop: theme.spacing(2),
},
chromeLogo: {
marginTop: theme.spacing(1),
width: 96,
@ -117,6 +122,11 @@ export const Welcome = (props: {}) => {
>
<FormHelperText>{pairingMessage}</FormHelperText>
</FormControl>
<Alert severity="warning" className={classes.spacing2}>
Want an updated version of Web Minidisc? Try{' '}
<Link href="https://web.minidisc.wiki/">Web MiniDisc Pro.</Link>
</Alert>
</div>
<div>
<Typography component="h2" variant="subtitle1" align="center" className={classes.spacing}>