laanc 비행구역 취소 시 초기화되는 현상 수정

src/components/laanc/map/FlightArea.js

@@ -73,20 +73,12 @@ export default function FlightArea({
   const [isMapLoad, setIsMapLoad] = useState(false);
   const [previewLayer, setPreviewLayer] = useState();
   const [formModal, setFormModal] = useState(false);
-  const [alertModal, setAlertModal] = useState({
-    isOpen: false,
-    title: '비행구역 설정',
-    desc: '구역은 최대 2개까지 설정 가능합니다.'
-  });
-  const [addModal, setAddModal] = useState({
-    isOpen: false,
-    title: '비행구역 설정',
-    desc: '모드를 변경하고 추가구역을 설정해주세요. 구역은 최대 2개까지 설정 가능합니다.'
-  });
 
   const [isSaveable, setIsSaveable] = useState(false);
   const [addData, setAddData] = useState(initialAddData);
 
+  const [saveData, setSaveData] = useState();
+
   //날씨 임시 데이터
   const [wheather, setWheather] = useState([]);
 
@@ -502,10 +494,6 @@ export default function FlightArea({
 
   const handlerAddClick = () => {
     if (!addData.isAddable) {
-      // setAddModal(prev => ({
-      //   ...prev,
-      //   isOpen: true
-      // }));
       handlerAddChange('isAddable', true);
       const obj = drawObj
         .getAll()
@@ -559,7 +547,7 @@ export default function FlightArea({
           <ModalHeader
             toggle={() => {
               setCenteredModal(!centeredModal);
-              handlerInitCoordinates();
+              dispatch(AREA_COORDINATE_LIST_SAVE(saveData));
             }}
           >
             비행 구역 설정
@@ -573,6 +561,7 @@ export default function FlightArea({
               handlerSaveCheck={handlerSaveCheck}
               handlerAddChange={handlerAddChange}
               addData={addData}
+              setSaveData={setSaveData}
             />
           </ModalBody>
           <ModalFooter>
@@ -665,8 +654,6 @@ export default function FlightArea({
           </ModalFooter>
         </Modal>
       ) : null}
-      <ErrorModal modal={alertModal} setModal={setAlertModal} />
-      <InfoModal modal={addModal} setModal={setAddModal} />
       <Modal
         isOpen={formModal}
         toggle={handlerWeather}

src/components/laanc/map/LaancAreaMap.js

@@ -41,7 +41,8 @@ export default function LaancAreaMap({
   handlerSaveCheck,
   handlerAddChange,
   addData,
-  handlerInitCoordinates
+  handlerInitCoordinates,
+  setSaveData
 }) {
   const dispatch = useDispatch();
   const mapControl = useSelector(state => state.controlMapReducer);
@@ -398,6 +399,7 @@ export default function LaancAreaMap({
                 handlerSaveCheck={handlerSaveCheck}
                 handlerCoordinates={handlerCoordinates}
                 handlerInitCoordinates={handlerInitCoordinates}
+                setSaveData={setSaveData}
               />
               <FeatureAirZone map={mapObject} mapboxgl={mapboxgl} />
               {modal ? (

src/components/map/mapbox/draw/LaancDrawControl.js

@@ -535,6 +535,7 @@ export const LaancDrawControl = props => {
         });
       } else if (areas.length > 0 && areas[0].areaType) {
         // 이미 그려진 지도 다시 열었을 때
+        props.setSaveData(areas);
         areas.map(area => {
           const paths = [];
           area.coordList.forEach(coord => paths.push([coord.lon, coord.lat]));