diff --git a/src/components/laanc/LaancModal.js b/src/components/laanc/LaancModal.js
new file mode 100644
index 00000000..03d6811a
--- /dev/null
+++ b/src/components/laanc/LaancModal.js
@@ -0,0 +1,44 @@
+import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
+
+export const LaancModal = props => {
+ return (
+
+
+ props.setModal({ ...props.modal, isOpen: !props.modal.isOpen })
+ }
+ modalClassName='modal-danger'
+ className='modal-dialog-centered'
+ >
+
+ props.setModal({ ...props.modal, isOpen: !props.modal.isOpen })
+ }
+ >
+ {props.modal.title}
+
+ {props.modal.desc}
+
+
+
+
+
+
+ );
+};
diff --git a/src/views/laanc/LaancStep1.js b/src/views/laanc/LaancStep1.js
index 399d011c..6954a120 100644
--- a/src/views/laanc/LaancStep1.js
+++ b/src/views/laanc/LaancStep1.js
@@ -16,6 +16,8 @@ import {
Info
} from 'react-feather';
import { ErrorModal } from '../../components/modal/ErrorModal';
+import { InfoModal } from '../../components/modal/InfoModal';
+import { LaancModal } from '../../components/laanc/LaancModal';
import moment from 'moment';
import {
Row,
@@ -65,12 +67,22 @@ export default function LaancStep1({
const [popoverSchFltStDt, setPopoverSchFltStDt] = useState(false);
const [popoverSchFltEndDt, setPopoverSchFltEndDt] = useState(false);
- const [modal2, setModal2] = useState({
+ const [isErrorModal, setIsErrorModal] = useState({
isOpen: false,
title: '',
desc: ''
});
-
+ const [isInfoModal, setIsInfoModal] = useState({
+ isOpen: false,
+ title: '',
+ desc: ''
+ });
+ const [isLaancModal, setIsLaancModal] = useState({
+ isOpen: false,
+ title: '',
+ desc: '',
+ type: ''
+ });
useEffect(() => {
// URL 쿼리 파라미터 중 'map' 값을 가져옵니다.
if (!currentParm) setCenteredModal(mapParam != 'true' ? false : true);
@@ -123,7 +135,7 @@ export default function LaancStep1({
// 날짜 선택 핸들러
const handleOpenFlatpickr = () => {
if (data.areaList[0].coordList[0].lat === 0) {
- setModal2({
+ setIsInfoModal({
isOpen: true,
title: '비행 구역 설정',
desc: '비행 구역 설정을 먼저 설정 해 주세요'
@@ -138,7 +150,7 @@ export default function LaancStep1({
switch (type) {
case 'fltElev':
if (parseInt(value.replace('/^0+/', 'm', ''), 10) <= 150) {
- setModal2({
+ setIsErrorModal({
isOpen: true,
title: '고도 알림',
desc: (
@@ -155,7 +167,7 @@ export default function LaancStep1({
name: 'fltElev',
value: 0
});
- setModal2({
+ setIsErrorModal({
isOpen: true,
title: '고도 재설정 알림',
desc: (
@@ -176,7 +188,7 @@ export default function LaancStep1({
name: 'fltMethod',
value: ''
});
- setModal2({
+ setIsLaancModal({
isOpen: true,
title: '군집 비행 목적',
desc: (
@@ -184,7 +196,8 @@ export default function LaancStep1({
군집 비행의 경우 담당자와 협의가 필요합니다.
아래 링크를 통해 담당자와 협의 부탁드립니다.
>
- )
+ ),
+ type: 'fltMethod'
});
}
}
@@ -717,7 +730,9 @@ export default function LaancStep1({
다음
-
+
+
+
>
);
}