diff options
author | Desmond Kyeremeh <elDekyfin@gmail.com> | 2021-07-01 14:03:37 +0000 |
---|---|---|
committer | Desmond Kyeremeh <elDekyfin@gmail.com> | 2021-07-01 14:03:37 +0000 |
commit | e5b727e1bc85e6c38a15c8917aae57a70533da46 (patch) | |
tree | bdef36c1f371aae8293f277f187d58bc90d2e194 /modern/src/settings/NotificationsPage.js | |
parent | 70fd67f635fbcd75ceab50934419999cdb71e78e (diff) | |
download | trackermap-web-e5b727e1bc85e6c38a15c8917aae57a70533da46.tar.gz trackermap-web-e5b727e1bc85e6c38a15c8917aae57a70533da46.tar.bz2 trackermap-web-e5b727e1bc85e6c38a15c8917aae57a70533da46.zip |
Apply OptionsLayout to settings pages
Diffstat (limited to 'modern/src/settings/NotificationsPage.js')
-rw-r--r-- | modern/src/settings/NotificationsPage.js | 32 |
1 files changed, 21 insertions, 11 deletions
diff --git a/modern/src/settings/NotificationsPage.js b/modern/src/settings/NotificationsPage.js index 15da0de7..3756e965 100644 --- a/modern/src/settings/NotificationsPage.js +++ b/modern/src/settings/NotificationsPage.js @@ -7,12 +7,13 @@ import { useEffectAsync } from '../reactHelper'; import EditCollectionView from '../EditCollectionView'; import { prefixString } from '../common/stringUtils'; import { formatBoolean } from '../common/formatter'; +import OptionsLayout from './OptionsLayout'; const useStyles = makeStyles(theme => ({ columnAction: { width: theme.spacing(1), - padding: theme.spacing(0, 1), - }, + padding: theme.spacing(0, 1) + } })); const NotificationsView = ({ updateTimestamp, onMenuClick }) => { @@ -54,29 +55,38 @@ const NotificationsView = ({ updateTimestamp, onMenuClick }) => { {items.map(item => ( <TableRow key={item.id}> <TableCell className={classes.columnAction} padding="none"> - <IconButton onClick={(event) => onMenuClick(event.currentTarget, item.id)}> + <IconButton + onClick={event => onMenuClick(event.currentTarget, item.id)} + > <MoreVertIcon /> </IconButton> </TableCell> <TableCell>{t(prefixString('event', item.type))}</TableCell> <TableCell>{formatBoolean(item.always)}</TableCell> - <TableCell>{formatList('alarm', item.attributes.alarms)}</TableCell> - <TableCell>{formatList('notificator', item.notificators)}</TableCell> + <TableCell> + {formatList('alarm', item.attributes.alarms)} + </TableCell> + <TableCell> + {formatList('notificator', item.notificators)} + </TableCell> </TableRow> ))} </TableBody> </Table> </TableContainer> ); -} +}; const NotificationsPage = () => { return ( - <> - <MainToolbar /> - <EditCollectionView content={NotificationsView} editPath="/settings/notification" endpoint="notifications" /> - </> + <OptionsLayout> + <EditCollectionView + content={NotificationsView} + editPath="/settings/notification" + endpoint="notifications" + /> + </OptionsLayout> ); -} +}; export default NotificationsPage; |