From 29caa5ff1079829bdf3da283e82b725a2384250d 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: Tue, 14 Nov 2023 11:17:22 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B9=84=ED=96=89=EA=B5=AC=EC=97=AD=20?=
 =?UTF-8?q?=ED=83=80=EC=9E=85=EB=B3=80=EA=B2=BD=20=EC=A4=91=20=EC=97=90?=
 =?UTF-8?q?=EB=9F=AC=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/laanc/map/FlightArea.js       | 20 +++++++++---
 src/components/laanc/map/LaancAreaMap.js     |  8 ++++-
 src/components/laanc/map/LaancDrawControl.js | 32 ++++++++++++++++++--
 3 files changed, 53 insertions(+), 7 deletions(-)

diff --git a/src/components/laanc/map/FlightArea.js b/src/components/laanc/map/FlightArea.js
index 972564d..7928b0f 100644
--- a/src/components/laanc/map/FlightArea.js
+++ b/src/components/laanc/map/FlightArea.js
@@ -42,6 +42,7 @@ import { WeatherContainer } from '../../../containers/basis/flight/plan/WeatherC
 import { initFlightBas } from '../../../modules/laanc/models/laancModels';
 import * as LaancAction from '../../../modules/laanc/actions/laancActions';
 import LaancDrawModal from './LaancDrawModal';
+import { handlerRemoveGroupMarker } from '../../../utility/DrawUtil';
 
 const initialAddData = {
   isAddable: false,
@@ -84,7 +85,8 @@ export default function FlightArea({
 
   const [saveData, setSaveData] = useState();
   const [saveElev, setSaveElev] = useState();
-  const { laancElev } = useSelector(state => state.laancState);
+
+  // const [isDrawDone, setIsDrawDone] = useState(false);
 
   //날씨 임시 데이터
   const [wheather, setWheather] = useState([]);
@@ -181,8 +183,16 @@ export default function FlightArea({
   };
 
   const handlerDrawType = val => {
+    // if (drawObj.getMode().includes('draw')) {
+    //   const isEmpty = drawObj
+    //     .getAll()
+    //     .features.filter(o => !o.properties.id && o.properties.id !== 'BUFFER');
+    //   drawObj.delete(isEmpty[0].id);
+    //   handlerRemoveGroupMarker(isEmpty[0].id);
+    // }
+    // dispatch(drawTypeChangeAction(val));
+
     if (drawObj.getMode().includes('draw')) {
-      // alert('비행구역설정 완료 후 타입을 변경해주세요.');
       setModal({
         title: '비행 구역 설정',
         desc: (
@@ -523,7 +533,7 @@ export default function FlightArea({
       const obj = drawObj
         .getAll()
         .features.filter(obj => obj.properties.id !== 'BUFFER');
-      handlerDrawType(obj[0].properties.id);
+      // handlerDrawType(obj[0].properties.id);
     }
   };
 
@@ -591,6 +601,8 @@ export default function FlightArea({
               setSaveData={setSaveData}
               handlerSaveElev={handlerSaveElev}
               setModal={setModal}
+              // isDrawDone={isDrawDone}
+              // setIsDrawDone={setIsDrawDone}
             />
           </ModalBody>
           <ModalFooter>
@@ -636,7 +648,7 @@ export default function FlightArea({
                 </Button>
                 {addData.isViewAdd ? (
                   <Button
-                    disabled={addData.overAdd}
+                    disabled={addData.overAdd || addData.isAddable}
                     color='primary'
                     onClick={() => {
                       handlerAddClick();
diff --git a/src/components/laanc/map/LaancAreaMap.js b/src/components/laanc/map/LaancAreaMap.js
index 15c4ef9..350046a 100644
--- a/src/components/laanc/map/LaancAreaMap.js
+++ b/src/components/laanc/map/LaancAreaMap.js
@@ -44,6 +44,8 @@ export default function LaancAreaMap({
   setSaveData,
   handlerSaveElev,
   setModal
+  // isDrawDone,
+  // setIsDrawDone
 }) {
   const dispatch = useDispatch();
   const mapControl = useSelector(state => state.controlMapReducer);
@@ -343,7 +345,9 @@ export default function LaancAreaMap({
                   onClick={() => {
                     const allObj = drawObj
                       .getAll()
-                      .features.filter(o => o.properties.id !== 'BUFFER');
+                      .features.filter(
+                        o => o.properties.id !== 'BUFFER' && o.properties.id
+                      );
 
                     drawObj.changeMode('direct_select', {
                       featureId: allObj[i].id
@@ -414,6 +418,8 @@ export default function LaancAreaMap({
                 setSaveData={setSaveData}
                 handlerAreaInfoToAreaList={handlerAreaInfoToAreaList}
                 handlerSaveElev={handlerSaveElev}
+                // isDrawDone={isDrawDone}
+                // setIsDrawDone={setIsDrawDone}
               />
               <FeatureAirZone map={mapObject} mapboxgl={mapboxgl} />
               {/* {modal ? (
diff --git a/src/components/laanc/map/LaancDrawControl.js b/src/components/laanc/map/LaancDrawControl.js
index abba619..df72a5c 100644
--- a/src/components/laanc/map/LaancDrawControl.js
+++ b/src/components/laanc/map/LaancDrawControl.js
@@ -87,6 +87,11 @@ export const LaancDrawControl = props => {
 
     if (mode && obj) {
       const feature = drawObj.get(obj.id);
+      if (!feature) {
+        drawObj.changeMode('simple_select');
+        return;
+      }
+
       const initCoords = feature.geometry.coordinates;
       if (mode !== 'CIRCLE') {
         if (state.currentVertexPosition > 1) {
@@ -163,6 +168,25 @@ export const LaancDrawControl = props => {
         coords.splice(-1);
 
         const data = { coords: coords, mode: mode, id: obj.id };
+        // 에러 체크
+        // const isExist = drawObj.getAll().features.some(o => o.id === obj.id);
+        // if (!isExist) {
+        //   console.log('1111111?');
+        //   props.setModal({
+        //     title: '비행 구역 설정',
+        //     desc: (
+        //       <>
+        //         비행구역 설정이 완료되지 않았습니다.
+        //         <br />
+        //         비행구역 설정을 다시 해주시기 부탁드립니다.
+        //       </>
+        //     ),
+        //     isOpen: true
+        //   });
+        //   dispatch(drawTypeChangeAction('DONE'));
+        //   return;
+        // }
+
         handlerAbnormalityCheck(data).then(areaInfo => {
           if (areaInfo) {
             drawObj.setFeatureProperty(obj.id, 'id', mode);
@@ -208,7 +232,6 @@ export const LaancDrawControl = props => {
     let isBreak = false;
 
     // 비행금지 구역 체크
-
     try {
       const elev1 = await axios.post(`api/bas/laanc/valid/elev`, areaList);
       props.handlerSaveElev(elev1.data);
@@ -366,6 +389,7 @@ export const LaancDrawControl = props => {
     }
 
     drawObj.delete(id);
+    drawObj.changeMode('simple_select');
 
     // 라인일 경우 버퍼도 삭제
     const buffer = drawObj
@@ -388,7 +412,7 @@ export const LaancDrawControl = props => {
 
     const viewCoordObj = drawObj
       .getAll()
-      .features.filter(o => o.properties.id !== 'BUFFER');
+      .features.filter(o => o.properties.id !== 'BUFFER' && o.properties.id);
 
     props.setViewCoordObj(viewCoordObj);
 
@@ -544,6 +568,7 @@ export const LaancDrawControl = props => {
               handlerCreateGroupMarker(mapObject, data, area.areaType);
             }
             dispatch(drawTypeChangeAction('DONE'));
+            drawObj.changeMode('simple_select');
           }
         });
       } else if (areas.length > 0 && areas[0].areaType) {
@@ -670,10 +695,13 @@ export const LaancDrawControl = props => {
         props.setViewCoordObj([]);
         drawObj.deleteAll();
         handlerRemoveAllMarker();
+        drawObj.changeMode('simple_select');
         return;
       }
 
       handlerStartMode(mode);
+    } else {
+      drawObj.changeMode('simple_select');
     }
   };