Quick geofence creation

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']}
     >