Fix action bar

This commit is contained in:
Philipp Heckel 2022-02-26 14:22:21 -05:00
parent ee743a7b01
commit d705d3c3b1
3 changed files with 30 additions and 8 deletions

View file

@ -11,7 +11,7 @@ import List from "@mui/material/List";
import SettingsIcon from "@mui/icons-material/Settings";
import AddIcon from "@mui/icons-material/Add";
import SubscribeDialog from "./SubscribeDialog";
import {Alert, AlertTitle} from "@mui/material";
import {Alert, AlertTitle, ListSubheader} from "@mui/material";
import Button from "@mui/material/Button";
import Typography from "@mui/material/Typography";
@ -66,10 +66,11 @@ const NavList = (props) => {
return (
<>
<Toolbar/>
<List component="nav" sx={{paddingTop: 0}}>
<List component="nav" sx={{
paddingTop: (showGrantPermissionsBox) ? '0' : ''
}}>
{showGrantPermissionsBox &&
<>
<Divider/>
<Alert severity="warning" sx={{paddingTop: 2}}>
<AlertTitle>Notifications are disabled</AlertTitle>
<Typography gutterBottom>
@ -84,17 +85,20 @@ const NavList = (props) => {
Grant now
</Button>
</Alert>
<Divider/>
</>}
{showSubscriptionsList &&
<>
<Divider/>
<ListSubheader component="div" id="nested-list-subheader">
Subscribed topics
</ListSubheader>
<SubscriptionList
subscriptions={props.subscriptions}
selectedSubscription={props.selectedSubscription}
onSubscriptionClick={props.onSubscriptionClick}
/>
<Divider sx={{my: 1}}/>
</>}
<Divider sx={{my: 1}}/>
<ListItemButton>
<ListItemIcon>
<SettingsIcon/>