|
|
|
@ -1,16 +1,11 @@
|
|
|
|
|
import React, { useEffect, useState, useRef } from 'react'; |
|
|
|
|
import React, { useEffect, useState, useRef, lazy, Suspense } from 'react'; |
|
|
|
|
import { useLocation } from 'react-router-dom'; |
|
|
|
|
import { useDispatch, useSelector } from 'react-redux'; |
|
|
|
|
import Flatpickr from 'react-flatpickr'; |
|
|
|
|
import '@styles/react/libs/flatpickr/flatpickr.scss'; |
|
|
|
|
import * as LaancAction from '../../../modules/laanc/actions/laancActions'; |
|
|
|
|
import { AlertCircle, Info } from 'react-feather'; |
|
|
|
|
import FlightArea from '../map/FlightArea'; |
|
|
|
|
import { ErrorModal } from '../../modal/ErrorModal'; |
|
|
|
|
import { InfoModal } from '../../modal/InfoModal'; |
|
|
|
|
import { LaancModal } from '../LaancModal'; |
|
|
|
|
import { FLIGHT_PLAN_AREA_BUFFER_LIST } from '../../../modules/basis/flight/actions/basisFlightAction'; |
|
|
|
|
import LaancQr from '../../../components/laanc/LaancQr'; |
|
|
|
|
import axios from '../../../modules/utils/customAxiosUtil'; |
|
|
|
|
import dayjs from 'dayjs'; |
|
|
|
|
import { |
|
|
|
@ -28,6 +23,11 @@ import {
|
|
|
|
|
Modal |
|
|
|
|
} from 'reactstrap'; |
|
|
|
|
|
|
|
|
|
const LaancModal = lazy(() => import('../LaancModal')); |
|
|
|
|
const LaancQr = lazy(() => import('../../../components/laanc/LaancQr')); |
|
|
|
|
const FlightArea = lazy(() => import('../map/FlightArea')); |
|
|
|
|
const ErrorModal = lazy(() => import('../../modal/ErrorModal')); |
|
|
|
|
const InfoModal = lazy(() => import('../../modal/InfoModal')); |
|
|
|
|
export default function LaancStep1({ |
|
|
|
|
detailData, |
|
|
|
|
setDetailData, |
|
|
|
@ -665,7 +665,6 @@ export default function LaancStep1({
|
|
|
|
|
// setIsPopUp(true); 잠시 주석
|
|
|
|
|
return; |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log('>>', error); |
|
|
|
|
setIsErrorModal({ |
|
|
|
|
isOpen: true, |
|
|
|
|
title: '오류', |
|
|
|
@ -837,7 +836,6 @@ export default function LaancStep1({
|
|
|
|
|
); |
|
|
|
|
} |
|
|
|
|
); |
|
|
|
|
console.log('>>', laancSun); |
|
|
|
|
|
|
|
|
|
const schFltStDt = dayjs(value).format('HHmmss'); |
|
|
|
|
|
|
|
|
@ -1285,6 +1283,7 @@ export default function LaancStep1({
|
|
|
|
|
</Button> |
|
|
|
|
</div> |
|
|
|
|
<div className='laanc-map-sm'> |
|
|
|
|
<Suspense fallback=''> |
|
|
|
|
<FlightArea |
|
|
|
|
centeredModal={centeredModal} |
|
|
|
|
setCenteredModal={setCenteredModal} |
|
|
|
@ -1292,6 +1291,7 @@ export default function LaancStep1({
|
|
|
|
|
detailData={detailData} |
|
|
|
|
page={1} |
|
|
|
|
/> |
|
|
|
|
</Suspense> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div className='mt-1'> |
|
|
|
@ -1352,9 +1352,11 @@ export default function LaancStep1({
|
|
|
|
|
handlerStep={handlerStep} |
|
|
|
|
/> */} |
|
|
|
|
</Modal> |
|
|
|
|
<Suspense fallback=''> |
|
|
|
|
<ErrorModal modal={isErrorModal} setModal={setIsErrorModal} /> |
|
|
|
|
<InfoModal modal={isInfoModal} setModal={setIsInfoModal} /> |
|
|
|
|
<LaancModal modal={isLaancModal} setModal={setIsLaancModal} /> |
|
|
|
|
</Suspense> |
|
|
|
|
</> |
|
|
|
|
); |
|
|
|
|
} |
|
|
|
|