From 2cbe4c8326a05634b3caa8975de7b2522e03fe3c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?sanguu516=28=EB=B0=95=EC=83=81=ED=98=84=29?=
 <sanguu516@naver.com>
Date: Mon, 25 Sep 2023 11:29:37 +0900
Subject: [PATCH] =?UTF-8?q?laanc=20=EC=8B=A0=EC=B2=AD=EB=AA=A9=EB=A1=9D=20?=
 =?UTF-8?q?laanc=20=EC=8B=A0=EC=B2=AD=ED=95=98=EA=B8=B0=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=ED=99=9C=EC=84=B1=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../basis/flight/plan/FlightPlanContainer.js  | 52 +++++++++++++------
 1 file changed, 36 insertions(+), 16 deletions(-)

diff --git a/src/containers/basis/flight/plan/FlightPlanContainer.js b/src/containers/basis/flight/plan/FlightPlanContainer.js
index 78f8aaf..1cebaa3 100644
--- a/src/containers/basis/flight/plan/FlightPlanContainer.js
+++ b/src/containers/basis/flight/plan/FlightPlanContainer.js
@@ -6,14 +6,27 @@ import { CustomMainLayout } from '../../../../components/layout/CustomMainLayout
 import FlightPlanSearch from '../../../../components/basis/flight/plan/FlightPlanSearch';
 import { useDispatch, useSelector, shallowEqual } from 'react-redux';
 import * as FlightAction from '../../../../modules/basis/flight/actions/basisFlightAction';
-import { Row, Col, Button, Modal, ModalHeader, ModalBody, ModalFooter, Alert, FormGroup, Label, Input, CustomInput  } from 'reactstrap';
+import {
+  Row,
+  Col,
+  Button,
+  Modal,
+  ModalHeader,
+  ModalBody,
+  ModalFooter,
+  Alert,
+  FormGroup,
+  Label,
+  Input,
+  CustomInput
+} from 'reactstrap';
 import {
   JOIN_LIST,
   GROUP_LIST
 } from '../../../../modules/basis/group/actions/basisGroupAction';
 import FlightPlanGroupGrid from '../../../../components/basis/flight/plan/FlightPlanGroupGrid';
-import { AlertCircle, CheckCircle } from 'react-feather'
-
+import { AlertCircle, CheckCircle } from 'react-feather';
+import LaancContainer from '../laanc/LaancContainer';
 const initSearchData = {
   schFltStDt: moment()
     .set({ date: 1, h: 0, m: 0, s: 0 })
@@ -180,18 +193,25 @@ const FlightPlanContainer = () => {
     dispatch(FlightAction.FLIGHT_PLAN_LIST.request({ ...searchData, page }));
   };
 
-  const [centeredModal, setCenteredModal] = useState(false)
-  const [disabledAnimation, setDisabledAnimation] = useState(false)
-
+  const [centeredModal, setCenteredModal] = useState(false);
+  const [disabledAnimation, setDisabledAnimation] = useState(false);
+  const [open, setOpen] = useState(false);
   return (
-
     <CustomMainLayout title={'LAANC 신청 목록'}>
-      
-      {/* step-1 */}
-      {/* <div className='disabled-animation-modal'>
-        <Button color='primary' className='laanc-pop-btn' onClick={() => setDisabledAnimation(!disabledAnimation)}>
+      <div className='disabled-animation-modal'>
+        <Button
+          color='primary'
+          className='laanc-pop-btn'
+          onClick={() => setOpen(!open)}
+        >
           LAANC 신청하기
         </Button>
+
+        {open ? <LaancContainer open={open} /> : null}
+      </div>
+      {/* step-1 */}
+      {/* <div className='disabled-animation-modal'>
+       
         <Modal
           isOpen={disabledAnimation}
           toggle={() => setDisabledAnimation(!disabledAnimation)}
@@ -488,11 +508,11 @@ const FlightPlanContainer = () => {
       </div> */}
 
       {/* step-2 2번째 */}
-      <div className='disabled-animation-modal'>
+      {/* <div className='disabled-animation-modal'>
         <Button color='primary' className='laanc-pop-btn' onClick={() => setDisabledAnimation(!disabledAnimation)}>
           LAANC 신청하기
-        </Button>
-        <Modal
+        </Button> */}
+      {/* <Modal
           isOpen={disabledAnimation}
           toggle={() => setDisabledAnimation(!disabledAnimation)}
           className='modal-dialog-centered laanc-modal'
@@ -656,8 +676,8 @@ const FlightPlanContainer = () => {
               다음
             </Button>
           </ModalFooter>
-        </Modal>
-      </div>
+        </Modal> */}
+      {/* </div> */}
 
       <div className='pal-card-box'>
         <Row>