|
|
|
@ -1,15 +1,16 @@
|
|
|
|
|
import { useEffect, useState } from 'react'; |
|
|
|
|
import LaancStep1 from '../../components/laanc/step/LaancStep1'; // laanc step 1
|
|
|
|
|
import LaancStep2 from '../../components/laanc/step/LaancStep2'; // laanc step 2
|
|
|
|
|
import LaancStep3 from '../../components/laanc/step/LaacnStep3'; // laanc step 3
|
|
|
|
|
import { ErrorModal } from '../../components/modal/ErrorModal'; |
|
|
|
|
import { LaancModal } from '../../components/laanc/LaancModal'; |
|
|
|
|
import { lazy, useEffect, useState, Suspense } from 'react'; |
|
|
|
|
import LaancModal from '../../components/laanc/LaancModal'; |
|
|
|
|
import { initFlightBas } from '../../modules/laanc/models/laancModels'; |
|
|
|
|
import { Modal } from 'reactstrap'; |
|
|
|
|
import { AREA_DETAIL_INIT } from '../../modules/basis/flight/actions/basisFlightAction'; |
|
|
|
|
import { useDispatch, useSelector } from 'react-redux'; |
|
|
|
|
import { drawTypeChangeAction } from '../../modules/control/map/actions/controlMapActions'; |
|
|
|
|
|
|
|
|
|
const LaancStep1 = lazy(() => import('../../components/laanc/step/LaancStep1')); |
|
|
|
|
const LaancStep2 = lazy(() => import('../../components/laanc/step/LaancStep2')); |
|
|
|
|
const LaancStep3 = lazy(() => import('../../components/laanc/step/LaacnStep3')); |
|
|
|
|
const ErrorModal = lazy(() => import('../../components/modal/ErrorModal')); |
|
|
|
|
|
|
|
|
|
export default function LaancPlanContainer({ |
|
|
|
|
currentParm, |
|
|
|
|
disabledAnimation, |
|
|
|
@ -76,45 +77,48 @@ export default function LaancPlanContainer({
|
|
|
|
|
fade={false} |
|
|
|
|
backdrop={false} |
|
|
|
|
> |
|
|
|
|
{step === 1 && ( |
|
|
|
|
<> |
|
|
|
|
<LaancStep1 |
|
|
|
|
detailData={detailData} |
|
|
|
|
setDetailData={setDetailData} |
|
|
|
|
<Suspense fallback=''> |
|
|
|
|
{step === 1 && ( |
|
|
|
|
<> |
|
|
|
|
<LaancStep1 |
|
|
|
|
detailData={detailData} |
|
|
|
|
setDetailData={setDetailData} |
|
|
|
|
centeredModal={centeredModal} |
|
|
|
|
setCenteredModal={setCenteredModal} |
|
|
|
|
currentParm={currentParm} |
|
|
|
|
handlerStep={handlerStep} |
|
|
|
|
handlerLaancClose={handlerLaancClose} |
|
|
|
|
/> |
|
|
|
|
</> |
|
|
|
|
)} |
|
|
|
|
{step === 2 && ( |
|
|
|
|
<LaancStep2 |
|
|
|
|
handlerStep={handlerStep} |
|
|
|
|
data={detailData} |
|
|
|
|
disabledAnimation={disabledAnimation} |
|
|
|
|
setDisabledAnimation={setDisabledAnimation} |
|
|
|
|
centeredModal={centeredModal} |
|
|
|
|
setCenteredModal={setCenteredModal} |
|
|
|
|
currentParm={currentParm} |
|
|
|
|
handlerLaancClose={handlerLaancClose} |
|
|
|
|
/> |
|
|
|
|
)} |
|
|
|
|
{step === 3 && ( |
|
|
|
|
<LaancStep3 |
|
|
|
|
handlerStep={handlerStep} |
|
|
|
|
data={detailData} |
|
|
|
|
disabledAnimation={disabledAnimation} |
|
|
|
|
setDisabledAnimation={setDisabledAnimation} |
|
|
|
|
handlerLaancClose={handlerLaancClose} |
|
|
|
|
centeredModal={centeredModal} |
|
|
|
|
setCenteredModal={setCenteredModal} |
|
|
|
|
/> |
|
|
|
|
</> |
|
|
|
|
)} |
|
|
|
|
{step === 2 && ( |
|
|
|
|
<LaancStep2 |
|
|
|
|
handlerStep={handlerStep} |
|
|
|
|
data={detailData} |
|
|
|
|
disabledAnimation={disabledAnimation} |
|
|
|
|
setDisabledAnimation={setDisabledAnimation} |
|
|
|
|
centeredModal={centeredModal} |
|
|
|
|
setCenteredModal={setCenteredModal} |
|
|
|
|
handlerLaancClose={handlerLaancClose} |
|
|
|
|
/> |
|
|
|
|
)} |
|
|
|
|
{step === 3 && ( |
|
|
|
|
<LaancStep3 |
|
|
|
|
handlerStep={handlerStep} |
|
|
|
|
data={detailData} |
|
|
|
|
disabledAnimation={disabledAnimation} |
|
|
|
|
setDisabledAnimation={setDisabledAnimation} |
|
|
|
|
handlerLaancClose={handlerLaancClose} |
|
|
|
|
centeredModal={centeredModal} |
|
|
|
|
setCenteredModal={setCenteredModal} |
|
|
|
|
/> |
|
|
|
|
)} |
|
|
|
|
)} |
|
|
|
|
</Suspense> |
|
|
|
|
</Modal> |
|
|
|
|
|
|
|
|
|
<ErrorModal modal={isErrorModal} setModal={setIsErrorModal} /> |
|
|
|
|
<LaancModal modal={isLaancModal} setModal={setIsLaancModal} /> |
|
|
|
|
<Suspense fallback=''> |
|
|
|
|
<ErrorModal modal={isErrorModal} setModal={setIsErrorModal} /> |
|
|
|
|
<LaancModal modal={isLaancModal} setModal={setIsLaancModal} /> |
|
|
|
|
</Suspense> |
|
|
|
|
</div> |
|
|
|
|
</> |
|
|
|
|
); |
|
|
|
|