laanc 신청목록 laanc 신청하기 버튼 활성화

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 신청 목록'}>
+      <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'>
-        <Button color='primary' className='laanc-pop-btn' onClick={() => setDisabledAnimation(!disabledAnimation)}>
-          LAANC 신청하기
-        </Button>
+       
         <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>