diff options
Diffstat (limited to 'modern/src/settings/GeofencePage.js')
-rw-r--r-- | modern/src/settings/GeofencePage.js | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/modern/src/settings/GeofencePage.js b/modern/src/settings/GeofencePage.js index 3bebea30..b6c516a1 100644 --- a/modern/src/settings/GeofencePage.js +++ b/modern/src/settings/GeofencePage.js @@ -1,8 +1,7 @@ import React, { useState } from 'react'; -import TextField from '@mui/material/TextField'; - +import { useDispatch } from 'react-redux'; import { - Accordion, AccordionSummary, AccordionDetails, Typography, + Accordion, AccordionSummary, AccordionDetails, Typography, TextField, } from '@mui/material'; import makeStyles from '@mui/styles/makeStyles'; import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; @@ -12,6 +11,7 @@ import { useTranslation } from '../common/components/LocalizationProvider'; import useGeofenceAttributes from '../common/attributes/useGeofenceAttributes'; import SettingsMenu from './components/SettingsMenu'; import SelectField from '../common/components/SelectField'; +import { geofencesActions } from '../store'; const useStyles = makeStyles((theme) => ({ details: { @@ -24,12 +24,17 @@ const useStyles = makeStyles((theme) => ({ const GeofencePage = () => { const classes = useStyles(); + const dispatch = useDispatch(); const t = useTranslation(); const geofenceAttributes = useGeofenceAttributes(t); const [item, setItem] = useState(); + const onItemSaved = (result) => { + dispatch(geofencesActions.update([result])); + }; + const validate = () => item && item.name; return ( @@ -38,6 +43,7 @@ const GeofencePage = () => { item={item} setItem={setItem} validate={validate} + onItemSaved={onItemSaved} menu={<SettingsMenu />} breadcrumbs={['settingsTitle', 'sharedGeofence']} > |