Fix action bar
This commit is contained in:
parent
ee743a7b01
commit
d705d3c3b1
3 changed files with 30 additions and 8 deletions
|
@ -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/>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue