astra/ntfy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Remove mui/styles, Settings page, make minPriority functional, ahh so ugly

Browse source
This commit is contained in:
Philipp Heckel 2022-03-01 16:22:47 -05:00
parent f23c7a2dbf
commit 8036aa2942
9 changed files with 265 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

42
web/src/components/Navigation.js
View file

@ -14,7 +14,6 @@ import SubscribeDialog from "./SubscribeDialog";
import {Alert, AlertTitle, ListSubheader} from "@mui/material";
import Button from "@mui/material/Button";
import Typography from "@mui/material/Typography";
import Preferences from "./Preferences";
const navWidth = 240;
@ -72,24 +71,7 @@ const NavList = (props) => {
<List component="nav" sx={{
paddingTop: (showGrantPermissionsBox) ? '0' : ''
}}>
{showGrantPermissionsBox &&
<>
<Alert severity="warning" sx={{paddingTop: 2}}>
<AlertTitle>Notifications are disabled</AlertTitle>
<Typography gutterBottom>
Grant your browser permission to display desktop notifications.
</Typography>
<Button
sx={{float: 'right'}}
color="inherit"
size="small"
onClick={props.onRequestPermissionClick}
>
Grant now
</Button>
</Alert>
<Divider/>
</>}
{showGrantPermissionsBox && <PermissionAlert onRequestPermissionClick={props.onRequestPermissionClick}/>}
{showSubscriptionsList &&
<>
<ListSubheader component="div" id="nested-list-subheader">
@ -147,4 +129,26 @@ const SubscriptionList = (props) => {
);
}
const PermissionAlert = (props) => {
return (
<>
<Alert severity="warning" sx={{paddingTop: 2}}>
<AlertTitle>Notifications are disabled</AlertTitle>
<Typography gutterBottom>
Grant your browser permission to display desktop notifications.
</Typography>
<Button
sx={{float: 'right'}}
color="inherit"
size="small"
onClick={props.onRequestPermissionClick}
>
Grant now
</Button>
</Alert>
<Divider/>
</>
);
};
export default Navigation;