From d3d37bd83fbe334f568bac6328f8605ee6b50676 Mon Sep 17 00:00:00 2001
From: Erik Escoffier <erik@developmentseed.org>
Date: Thu, 19 Oct 2023 13:38:16 +0200
Subject: [PATCH] Properly locate handler to trigger custom AoI modal

Co-authored-by: Daniel da Silva <danielfdsilva@gmail.com>
---
 app/scripts/components/analysis/define/aoi-selector.tsx   | 2 +-
 .../common/map/controls/aoi/custom-aoi-control.tsx        | 8 ++------
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/app/scripts/components/analysis/define/aoi-selector.tsx b/app/scripts/components/analysis/define/aoi-selector.tsx
index 5c36a75d9..2915c87c4 100644
--- 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
index 623e55cc7..0618def36 100644
--- 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}