From bf580c5694b573f4fd941062bf873b072e67bb4f 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, 26 Sep 2023 18:37:54 +0900
Subject: [PATCH] =?UTF-8?q?laanc=20=EC=8A=A4=ED=85=9D1=20=EB=B0=98?=
 =?UTF-8?q?=EA=B2=BD=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/laanc/FlightArea.js   |  4 ++--
 src/views/laanc/LaancAreaMap.js |  4 ++++
 src/views/laanc/LaancStep1.js   | 34 +++++++++++++++++++++------------
 3 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/src/views/laanc/FlightArea.js b/src/views/laanc/FlightArea.js
index 6a37ce52..4b642445 100644
--- a/src/views/laanc/FlightArea.js
+++ b/src/views/laanc/FlightArea.js
@@ -333,9 +333,9 @@ export default function FlightArea({ centeredModal, setCenteredModal, page }) {
           ref={mapContainer}
           style={{ width: '100%', height: '35vh' }}
         ></div>
-        {/* {isMapLoad && mapObject ? (
+        {isMapLoad && mapObject ? (
           <FeatureAirZone map={mapObject} mapboxgl={mapboxgl} />
-        ) : null} */}
+        ) : null}
       </div>
       {page === 1 ? (
         <Modal
diff --git a/src/views/laanc/LaancAreaMap.js b/src/views/laanc/LaancAreaMap.js
index b5ffc482..275183b3 100644
--- a/src/views/laanc/LaancAreaMap.js
+++ b/src/views/laanc/LaancAreaMap.js
@@ -38,6 +38,7 @@ 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 { FeatureAirZone } from '../../components/map/mapbox/feature/FeatureAirZone';
 
 export default function LaancAreaMap({ centeredModal, mapContainer }) {
   const dispatch = useDispatch();
@@ -420,6 +421,9 @@ export default function LaancAreaMap({ centeredModal, mapContainer }) {
               </div>
             </div>
           </div>
+          {isMapLoad && mapObject ? (
+            <FeatureAirZone map={mapObject} mapboxgl={mapboxgl} />
+          ) : null}
         </div>
       </CardBody>
     </Card>
diff --git a/src/views/laanc/LaancStep1.js b/src/views/laanc/LaancStep1.js
index 7e1981ad..257b1ec7 100644
--- a/src/views/laanc/LaancStep1.js
+++ b/src/views/laanc/LaancStep1.js
@@ -29,18 +29,8 @@ import {
   Input
 } from 'reactstrap';
 
-import {
-  initFlight,
-  initFlightBas
-} from '../../modules/basis/flight/models/basisFlightModel';
-import {
-  areaClickAction,
-  environmentClickAction,
-  mapTypeChangeAction,
-  sensorClickAction
-} from '../../modules/control/map/actions/controlMapActions';
 import FlightArea from './FlightArea';
-import { AREA_DETAIL_INIT } from '../../modules/basis/flight/actions/basisFlightAction';
+import { FLIGHT_PLAN_AREA_BUFFER_LIST } from '../../modules/basis/flight/actions/basisFlightAction';
 
 export default function LaancStep1({
   handleChange,
@@ -234,7 +224,27 @@ export default function LaancStep1({
             </Col>
             <Col className='list-input' md='12'>
               <div className='ti'>
-                비행 구역 정보<Button size='sm'>적용</Button>
+                비행 구역 정보
+                <Button
+                  size='sm'
+                  onClick={() => {
+                    if (areaCoordList) {
+                      if (areaCoordList[0].coordList.length > 0) {
+                        const array = [];
+                        const copy = { ...areaCoordList[0] };
+                        copy.bufferZone = data.areaList[0].bufferZone;
+
+                        array.push(copy);
+
+                        dispatch(FLIGHT_PLAN_AREA_BUFFER_LIST.request(array));
+                      }
+                    } else {
+                      alert('비행 구역 설정 후 적용 가능합니다.');
+                    }
+                  }}
+                >
+                  적용
+                </Button>
               </div>
               <Row>
                 <Col className='list-input' md='6'>