From 75ca927488200d804efe5d688509013fde4f731b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?junh=5Feee=28=EC=9D=B4=EC=A4=80=ED=9D=AC=29?=
 <junh_eee@naver.com>
Date: Wed, 21 Aug 2024 16:48:20 +0900
Subject: [PATCH] =?UTF-8?q?fix/=20=EC=9A=B4=ED=95=AD=EA=B3=BC=20=EB=B9=84?=
 =?UTF-8?q?=ED=96=89=EA=B5=AC=EC=97=AD=20=EB=AF=B8=ED=91=9C=EC=B6=9C=20?=
 =?UTF-8?q?=ED=98=84=EC=83=81=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../flight/OperationApprovalsContainer.js     | 76 +++++++++----------
 1 file changed, 38 insertions(+), 38 deletions(-)

diff --git a/src/containers/flight/OperationApprovalsContainer.js b/src/containers/flight/OperationApprovalsContainer.js
index 47deb090..8b384dc6 100644
--- a/src/containers/flight/OperationApprovalsContainer.js
+++ b/src/containers/flight/OperationApprovalsContainer.js
@@ -317,7 +317,7 @@ export default function OperationApprovalsContainer({ mode }) {
   //현재 선택한 sno 및 areacoordList 저장
   const handlerDetail = async area => {
     console.log('>>', area);
-    setSelected(area[0].planAreaSno);
+    setSelected([area[0].planAreaSno]);
 
     dispatch(clientSaveAreaCoordinateList(area));
 
@@ -430,25 +430,25 @@ export default function OperationApprovalsContainer({ mode }) {
       fitZoomPaths = enveloped.geometry.coordinates[0];
       handlerFitBounds(mapObject, fitZoomPaths, 400, 'POLYGON', 'flight');
 
-      if (areaCoordList.length !== 1 || !areaCoordList[0]?.key) {
-        mapObject?.getSource('operationLayer')?.setData(operationLayer);
-        let dataBlock = null;
-        mapObject?.on('mousemove', 'polygon-flight', e => {
-          if (dataBlock) {
-            dataBlock.remove();
-          }
-          if (
-            drawObj.getMode() === 'draw_line_string' ||
-            drawObj.getMode() === 'draw_polygon'
-          ) {
-            return;
-          }
-          const data = e.features[0].properties;
-          const lnglat = JSON.parse(data?.center);
-          const addr = data?.addr ? data.addr : '-';
-          const reqElev = data?.reqElev ? data.reqElev : '-';
+      // if (areaCoordList.length !== 1 || !areaCoordList[0]?.key) {
+      mapObject?.getSource('operationLayer')?.setData(operationLayer);
+      let dataBlock = null;
+      mapObject?.on('mousemove', 'polygon-flight', e => {
+        if (dataBlock) {
+          dataBlock.remove();
+        }
+        if (
+          drawObj.getMode() === 'draw_line_string' ||
+          drawObj.getMode() === 'draw_polygon'
+        ) {
+          return;
+        }
+        const data = e.features[0].properties;
+        const lnglat = JSON.parse(data?.center);
+        const addr = data?.addr ? data.addr : '-';
+        const reqElev = data?.reqElev ? data.reqElev : '-';
 
-          const content = `
+        const content = `
                 <div class="tooltip-box">
                   <div class="tooltip-ti">
                     <span>${data?.applyNo}</span>
@@ -461,25 +461,25 @@ export default function OperationApprovalsContainer({ mode }) {
                 </div>
                 `;
 
-          if (mapObject) {
-            dataBlock = new mapboxgl.Popup({
-              anchor: 'bottom-left',
-              offset: [20, -20],
-              closeButton: false,
-              closeOnClick: false,
-              closeOnMove: false
-            })
-              .setLngLat({ lng: lnglat[0], lat: lnglat[1] })
-              .setHTML(content)
-              .addTo(mapObject);
-          }
-        });
-        mapObject?.on('mouseleave', 'polygon-flight', e => {
-          if (dataBlock) {
-            dataBlock.remove();
-          }
-        });
-      }
+        if (mapObject) {
+          dataBlock = new mapboxgl.Popup({
+            anchor: 'bottom-left',
+            offset: [20, -20],
+            closeButton: false,
+            closeOnClick: false,
+            closeOnMove: false
+          })
+            .setLngLat({ lng: lnglat[0], lat: lnglat[1] })
+            .setHTML(content)
+            .addTo(mapObject);
+        }
+      });
+      mapObject?.on('mouseleave', 'polygon-flight', e => {
+        if (dataBlock) {
+          dataBlock.remove();
+        }
+      });
+      // }
     }
   };