Properly locate handler to trigger custom AoI modal

Co-authored-by: Daniel da Silva <[email protected]>
NASA-IMPACT · Oct 19, 2023 · d3d37bd · d3d37bd
1 parent 496301b
commit d3d37bd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/app/scripts/components/analysis/define/aoi-selector.tsx b/app/scripts/components/analysis/define/aoi-selector.tsx
@@ -120,7 +120,7 @@ export default function AoiSelector({
   const [aoiModalRevealed, setAoIModalRevealed] = useState(false);
 
   return (
-    <Fold> 
+    <Fold>
       <AoIUploadModal
         setFeatureCollection={setFeatureCollection}
         revealed={aoiModalRevealed}

diff --git a/app/scripts/components/common/map/controls/aoi/custom-aoi-control.tsx b/app/scripts/components/common/map/controls/aoi/custom-aoi-control.tsx
@@ -28,12 +28,8 @@ function CustomAoI({ onConfirm }: CustomAoIProps) {
   const [aoiModalRevealed, setAoIModalRevealed] = useState(false);
   return (
     <>
-      <SelectorButton>
-        <CollecticonUpload2
-          title='Upload geoJSON'
-          meaningful
-          onClick={() => setAoIModalRevealed(true)}
-        />
+      <SelectorButton onClick={() => setAoIModalRevealed(true)}>
+        <CollecticonUpload2 title='Upload geoJSON' meaningful />
       </SelectorButton>
       <CustomAoIModal
         revealed={aoiModalRevealed}