Re-added grid settings to fog tools

src/components/map/controls/FogToolSettings.js

@@ -3,6 +3,7 @@ import { Flex } from "theme-ui";
 
 import EdgeSnappingToggle from "./EdgeSnappingToggle";
 import RadioIconButton from "./RadioIconButton";
+import GridSnappingToggle from "./GridSnappingToggle";
 
 import FogAddIcon from "../../../icons/FogAddIcon";
 import FogRemoveIcon from "../../../icons/FogRemoveIcon";
@@ -41,6 +42,12 @@ function BrushToolSettings({ settings, onSettingChange }) {
           onSettingChange({ useEdgeSnapping })
         }
       />
+      <GridSnappingToggle
+        useGridSnapping={settings.useGridSnapping}
+        onGridSnappingChange={(useGridSnapping) =>
+          onSettingChange({ useGridSnapping })
+        }
+      />
     </Flex>
   );
 }

src/components/map/controls/GridSnappingToggle.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { IconButton } from "theme-ui";
+
+import GridOnIcon from "../../../icons/GridOnIcon";
+import GridOffIcon from "../../../icons/GridOffIcon";
+
+function GridSnappingToggle({ useGridSnapping, onGridSnappingChange }) {
+  return (
+    <IconButton
+      aria-label={
+        useGridSnapping ? "Disable Grid Snapping" : "Enable Grid Snapping"
+      }
+      title={useGridSnapping ? "Disable Grid Snapping" : "Enable Grid Snapping"}
+      onClick={() => onGridSnappingChange(!useGridSnapping)}
+    >
+      {useGridSnapping ? <GridOnIcon /> : <GridOffIcon />}
+    </IconButton>
+  );
+}
+
+export default GridSnappingToggle;