Changed grid overlay to use repeating images instead of shapes

src/components/map/MapEditor.js

@@ -135,7 +135,7 @@ function MapEditor({ map, onSettingsChange }) {
                     width={mapWidth}
                     height={mapHeight}
                   >
-                    <MapGrid map={map} strokeWidth={0.5} />
+                    <MapGrid map={map} />
                     <MapGridEditor map={map} onGridChange={handleGridChange} />
                   </GridProvider>
                 )}

src/components/map/MapGrid.js

@@ -8,7 +8,7 @@ import { getImageLightness } from "../../helpers/image";
 
 import Grid from "../Grid";
 
-function MapGrid({ map, strokeWidth }) {
+function MapGrid({ map }) {
   let mapSourceMap = map;
   // Use lowest resolution for grid lightness
   if (map && map.type === "file" && map.resolutions) {
@@ -29,13 +29,7 @@ function MapGrid({ map, strokeWidth }) {
     }
   }, [mapImage, mapLoadingStatus]);
 
-  return (
-    <Grid strokeWidth={strokeWidth} stroke={isImageLight ? "black" : "white"} />
-  );
+  return <Grid stroke={isImageLight ? "black" : "white"} />;
 }
 
-MapGrid.defaultProps = {
-  strokeWidth: 0.1,
-};
-
 export default MapGrid;