Implement new page layout

1 files changed, 9 insertions, 1 deletions

diff --git a/modern/src/settings/GeofencePage.js b/modern/src/settings/GeofencePage.js
index 0fa986d2..e23d49fb 100644
--- a/modern/src/settings/GeofencePage.js
+++ b/modern/src/settings/GeofencePage.js
@@ -9,6 +9,7 @@ import EditItemView from './components/EditItemView';
 import EditAttributesView from './components/EditAttributesView';
 import { useTranslation } from '../common/components/LocalizationProvider';
 import useGeofenceAttributes from '../common/attributes/useGeofenceAttributes';
+import SettingsMenu from './components/SettingsMenu';
 
 const useStyles = makeStyles(() => ({
   details: {
@@ -27,7 +28,14 @@ const GeofencePage = () => {
   const validate = () => item && item.name;
 
   return (
-    <EditItemView endpoint="geofences" item={item} setItem={setItem} validate={validate}>
+    <EditItemView
+      endpoint="geofences"
+      item={item}
+      setItem={setItem}
+      validate={validate}
+      menu={<SettingsMenu />}
+      breadcrumbs={['settingsTitle', 'sharedGeofence']}
+    >
       {item && (
         <>
           <Accordion defaultExpanded>