Update to edit mode on drawn feature

GlobalFishingWatch · Apr 15, 2024 · 2ef52a1 · 2ef52a1
1 parent c50cd1a
commit 2ef52a1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/apps/fishing-map/features/map/Map.tsx b/apps/fishing-map/features/map/Map.tsx
@@ -40,6 +40,7 @@ import MapAnnotations from './overlays/annotations/Annotations'
 import MapAnnotationsDialog from './overlays/annotations/AnnotationsDialog'
 import useRulers from './overlays/rulers/rulers.hooks'
 import { useDrawLayer } from './overlays/draw/draw.hooks'
+import { useMapDrawConnect } from './map-draw.hooks'
 // This avoids type checking to complain
 // https://github.com/visgl/deck.gl/issues/7304#issuecomment-1277850750
 const RulersLayerComponent = RulersLayer as any

diff --git a/apps/fishing-map/features/map/overlays/draw/draw.hooks.ts b/apps/fishing-map/features/map/overlays/draw/draw.hooks.ts
@@ -14,15 +14,16 @@ const drawLayerModeAtom = atom<DrawLayerMode>('draw')
 export const useDrawLayer = () => {
   const [drawFeatures, setDrawFeatures] = useAtom(drawFeaturesAtom)
   const [drawFeaturesIndexes, setDrawFeaturesIndexes] = useAtom(drawFeaturesIndexesAtom)
-  const drawLayerMode = useAtomValue(drawLayerModeAtom)
+  const [drawLayerMode, setDrawLayerMode] = useAtom(drawLayerModeAtom)
   const onDrawEdit = useCallback(
     ({ updatedData, editType }) => {
       console.log('🚀 ~ useDrawLayer ~ updatedData, editType:', updatedData, editType)
       if (editType === 'addFeature' || editType === 'movePosition' || editType === 'addPosition') {
         setDrawFeatures(updatedData)
+        setDrawLayerMode('edit')
       }
     },
-    [setDrawFeatures]
+    [setDrawFeatures, setDrawLayerMode]
   )
   const onDrawClick = useCallback(
     (info) => {