aboutsummaryrefslogtreecommitdiff
path: root/modern/src/settings/CalendarPage.jsx
diff options
context:
space:
mode:
authorMatjaž Črnko <matjaz.crnko@gmail.com>2024-03-08 10:59:29 +0100
committerGitHub <noreply@github.com>2024-03-08 10:59:29 +0100
commitfe7b4800224352c628fb925c85a937684af58e6f (patch)
treed5a111f5cedbba4a10278695227447ee12113db0 /modern/src/settings/CalendarPage.jsx
parentb87f2387ae597e57d9e2591ab01595e76b65d7c5 (diff)
parentc9da10062998a231c038cd3a519f72128fcea2bb (diff)
downloadtrackermap-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/CalendarPage.jsx')
-rw-r--r--modern/src/settings/CalendarPage.jsx13
1 files changed, 2 insertions, 11 deletions
diff --git a/modern/src/settings/CalendarPage.jsx b/modern/src/settings/CalendarPage.jsx
index b7dcdd04..8a3dc986 100644
--- a/modern/src/settings/CalendarPage.jsx
+++ b/modern/src/settings/CalendarPage.jsx
@@ -5,7 +5,6 @@ import TextField from '@mui/material/TextField';
import {
Accordion, AccordionSummary, AccordionDetails, Typography, FormControl, InputLabel, Select, MenuItem,
} from '@mui/material';
-import makeStyles from '@mui/styles/makeStyles';
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
import { DropzoneArea } from 'react-mui-dropzone';
import EditItemView from './components/EditItemView';
@@ -15,6 +14,7 @@ import SettingsMenu from './components/SettingsMenu';
import { prefixString } from '../common/util/stringUtils';
import { calendarsActions } from '../store';
import { useCatch } from '../reactHelper';
+import useSettingsStyles from './common/useSettingsStyles';
const formatCalendarTime = (time) => {
const tzid = Intl.DateTimeFormat().resolvedOptions().timeZone;
@@ -61,17 +61,8 @@ const simpleCalendar = () => window.btoa([
'END:VCALENDAR',
].join('\n'));
-const useStyles = makeStyles((theme) => ({
- details: {
- display: 'flex',
- flexDirection: 'column',
- gap: theme.spacing(2),
- paddingBottom: theme.spacing(3),
- },
-}));
-
const CalendarPage = () => {
- const classes = useStyles();
+ const classes = useSettingsStyles();
const dispatch = useDispatch();
const t = useTranslation();