feat(ui): Provide some feedback on virtual restriction save

Hypfer · Oct 18, 2022 · e685e3e · e685e3e
1 parent dd49ecc
commit e685e3e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/frontend/src/map/EditMap.tsx b/frontend/src/map/EditMap.tsx
@@ -14,6 +14,7 @@ import NoGoAreaClientStructure from "./structures/client_structures/NoGoAreaClie
 import NoMopAreaClientStructure from "./structures/client_structures/NoMopAreaClientStructure";
 import HelpDialog from "../components/HelpDialog";
 import HelpAction from "./actions/edit_map_actions/HelpAction";
+import {ProviderContext} from "notistack";
 
 export type mode = "segments" | "virtual_restrictions";
 
@@ -26,7 +27,8 @@ interface EditMapProps extends MapProps {
     }
     mode: mode,
     helpText: string,
-    robotStatus: StatusState
+    robotStatus: StatusState,
+    enqueueSnackbar: ProviderContext["enqueueSnackbar"]
 }
 
 interface EditMapState extends MapState {
@@ -413,6 +415,13 @@ class EditMap extends Map<EditMapProps, EditMapState> {
                         }}
                         onSave={() => {
                             this.pendingVirtualRestrictionsStructuresUpdate = true;
+
+                            this.props.enqueueSnackbar("Saved successfully", {
+                                preventDuplicate: true,
+                                key: "virtual_restrictions_saved",
+                                variant: "info",
+                                autoHideDuration: 1000,
+                            });
                         }}
                     />
                 }

diff --git a/frontend/src/map/EditMapPage.tsx b/frontend/src/map/EditMapPage.tsx
@@ -8,6 +8,7 @@ import {useCapabilitiesSupported} from "../CapabilitiesProvider";
 import EditMap, { mode } from "./EditMap";
 import {SegmentEditHelp} from "./res/SegmentEditHelp";
 import {VirtualRestrictionEditHelp} from "./res/VirtualRestrictionEditHelp";
+import {useSnackbar} from "notistack";
 
 
 const Container = styled(Box)({
@@ -46,6 +47,7 @@ const EditMapPage = (props: {
     );
 
     const theme = useTheme();
+    const {enqueueSnackbar} = useSnackbar();
 
     let helpText = "";
 
@@ -99,6 +101,7 @@ const EditMapPage = (props: {
         mode={props.mode}
         helpText={helpText}
         robotStatus={robotStatus}
+        enqueueSnackbar={enqueueSnackbar}
 
         supportedCapabilities={{
             [Capability.CombinedVirtualRestrictions]: combinedVirtualRestrictionsCapabilitySupported,