diff --git a/src/pages/Settings.tsx b/src/pages/Settings.tsx index 6cb8706..cd4a981 100644 --- a/src/pages/Settings.tsx +++ b/src/pages/Settings.tsx @@ -1,7 +1,8 @@ import React, { Component } from 'react'; import { List, - ListItem, + ListItem, + ListItemAvatar, ListItemText, ListSubheader, ListItemSecondaryAction, @@ -22,7 +23,6 @@ import { Theme, Typography } from '@material-ui/core'; -import OpenInNewIcon from '@material-ui/icons/OpenInNew'; import {styles} from './PageLayout.styles'; import {setUserDefaultBool, getUserDefaultBool, getUserDefaultTheme, setUserDefaultTheme, getUserDefaultVisibility, setUserDefaultVisibility, getConfig} from '../utilities/settings'; import {canSendNotifications, browserSupportsNotificationRequests} from '../utilities/notifications'; @@ -32,6 +32,18 @@ import {setHyperspaceTheme, getHyperspaceTheme} from '../utilities/themes'; import { Visibility } from '../types/Visibility'; import {LinkableButton} from '../interfaces/overrides'; +import OpenInNewIcon from '@material-ui/icons/OpenInNew'; +import DevicesIcon from '@material-ui/icons/Devices'; +import Brightness3Icon from '@material-ui/icons/Brightness3'; +import PaletteIcon from '@material-ui/icons/Palette'; +import AccountEditIcon from 'mdi-material-ui/AccountEdit'; +import MastodonIcon from 'mdi-material-ui/Mastodon'; +import VisibilityIcon from '@material-ui/icons/Visibility'; +import NotificationsIcon from '@material-ui/icons/Notifications'; +import BellAlertIcon from 'mdi-material-ui/BellAlert'; +import RefreshIcon from '@material-ui/icons/Refresh'; +import UndoIcon from '@material-ui/icons/Undo'; + interface ISettingsState { darkModeEnabled: boolean; systemDecidesDarkMode: boolean; @@ -303,6 +315,9 @@ class SettingsPage extends Component { + + + { + + + { + + +