laanc 비행금지구역 알럿 표출

src/views/laanc/FlightArea.js

@@ -24,6 +24,8 @@ import {
 import flatGimpo from '../../components/map/geojson/flatGimpoAirportAirArea.json';
 import gimpo from '../../components/map/geojson/gimpoAirportAirArea.json';
 import geoJson from '../../components/map/geojson/airArea.json';
+import axios from '../../modules/utils/customAxiosUtil';
+import { ErrorModal } from '../../components/modal/ErrorModal';
 import { FeatureAirZone } from '../../components/map/mapbox/feature/FeatureAirZone';
 
 export default function FlightArea({ centeredModal, setCenteredModal, page }) {
@@ -36,6 +38,12 @@ export default function FlightArea({ centeredModal, setCenteredModal, page }) {
   const [isMapLoad, setIsMapLoad] = useState(false);
   const [previewLayer, setPreviewLayer] = useState();
 
+  const [alertModal, setAlertModal] = useState({
+    isOpen: false,
+    title: '',
+    desc: ''
+  });
+
   const previewGeo = {
     type: 'FeatureCollection',
     features: []
@@ -136,21 +144,22 @@ export default function FlightArea({ centeredModal, setCenteredModal, page }) {
         };
       });
 
-      // const { data } = await axios.post(
+      const { data } = await axios.post(
-      //   `api/bas/flight/airspace/contains`,
+        `api/bas/flight/airspace/contains`,
-      //   resultAreaDetail
+        resultAreaDetail
-      // );
+      );
 
-      // if (data.result) {
+      if (data.result) {
-      //   setAlertModal({
+        setAlertModal({
-      //     isOpen: true,
+          isOpen: true,
-      //     title: '우회 여부 확인',
+          title: '우회 여부 확인',
-      //     desc: '경로상에 비행 금지된 구역이 있습니다.\n우회하여 경로 설정해주시기 바랍니다.'
+          desc: '경로상에 비행 금지된 구역이 있습니다.\n우회하여 경로 설정해주시기 바랍니다.'
-      //   });
+        });
 
-      //   return false;
+        return false;
-      // }
+      }
 
+      setCenteredModal(false);
       dispatch(AREA_DETAIL_LIST_SAVE(resultAreaDetail));
       // handleModal({ type: 'area', isOpne: false });
     } else {
@@ -350,7 +359,6 @@ export default function FlightArea({ centeredModal, setCenteredModal, page }) {
                 <Button
                   color='primary'
                   onClick={() => {
-                    setCenteredModal(false);
                     handlerSave();
                   }}
                 >
@@ -362,6 +370,7 @@ export default function FlightArea({ centeredModal, setCenteredModal, page }) {
           </ModalFooter>
         </Modal>
       ) : null}
+      <ErrorModal modal={alertModal} setModal={setAlertModal} />
     </div>
   );
 }