diff options
author | Matjaž Črnko <matjaz.crnko@gmail.com> | 2024-03-08 10:59:29 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-03-08 10:59:29 +0100 |
commit | fe7b4800224352c628fb925c85a937684af58e6f (patch) | |
tree | d5a111f5cedbba4a10278695227447ee12113db0 /modern/src/settings/PreferencesPage.jsx | |
parent | b87f2387ae597e57d9e2591ab01595e76b65d7c5 (diff) | |
parent | c9da10062998a231c038cd3a519f72128fcea2bb (diff) | |
download | trackermap-web-fe7b4800224352c628fb925c85a937684af58e6f.tar.gz trackermap-web-fe7b4800224352c628fb925c85a937684af58e6f.tar.bz2 trackermap-web-fe7b4800224352c628fb925c85a937684af58e6f.zip |
Merge branch 'traccar:master' into autocomplete-instead-of-single-select
Diffstat (limited to 'modern/src/settings/PreferencesPage.jsx')
-rw-r--r-- | modern/src/settings/PreferencesPage.jsx | 31 |
1 files changed, 3 insertions, 28 deletions
diff --git a/modern/src/settings/PreferencesPage.jsx b/modern/src/settings/PreferencesPage.jsx index cfdcf885..2d6df62f 100644 --- a/modern/src/settings/PreferencesPage.jsx +++ b/modern/src/settings/PreferencesPage.jsx @@ -5,7 +5,6 @@ import { useNavigate } from 'react-router-dom'; import { Accordion, AccordionSummary, AccordionDetails, Typography, Container, FormControl, InputLabel, Select, MenuItem, Checkbox, FormControlLabel, FormGroup, InputAdornment, IconButton, OutlinedInput, Autocomplete, TextField, createFilterOptions, Button, } from '@mui/material'; -import makeStyles from '@mui/styles/makeStyles'; import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; import CachedIcon from '@mui/icons-material/Cached'; import ContentCopyIcon from '@mui/icons-material/ContentCopy'; @@ -20,6 +19,7 @@ import useMapOverlays from '../map/overlay/useMapOverlays'; import { useCatch } from '../reactHelper'; import { sessionActions } from '../store'; import { useRestriction } from '../common/util/permissions'; +import useSettingsStyles from './common/useSettingsStyles'; const deviceFields = [ { id: 'name', name: 'sharedName' }, @@ -29,33 +29,8 @@ const deviceFields = [ { id: 'contact', name: 'deviceContact' }, ]; -const useStyles = makeStyles((theme) => ({ - container: { - marginTop: theme.spacing(2), - }, - buttons: { - marginTop: theme.spacing(2), - marginBottom: theme.spacing(2), - display: 'flex', - justifyContent: 'space-evenly', - '& > *': { - flexBasis: '33%', - }, - }, - details: { - display: 'flex', - flexDirection: 'column', - gap: theme.spacing(2), - paddingBottom: theme.spacing(3), - }, - tokenActions: { - display: 'flex', - flexDirection: 'column', - }, -})); - const PreferencesPage = () => { - const classes = useStyles(); + const classes = useSettingsStyles(); const dispatch = useDispatch(); const navigate = useNavigate(); const t = useTranslation(); @@ -332,7 +307,7 @@ const PreferencesPage = () => { value={token || ''} endAdornment={( <InputAdornment position="end"> - <div className={classes.tokenActions}> + <div className={classes.verticalActions}> <IconButton size="small" edge="end" onClick={generateToken} disabled={!!token}> <CachedIcon fontSize="small" /> </IconButton> |