diff --git a/src/components/modal/control/ControlFsmModal.js b/src/components/modal/control/ControlFsmModal.js
new file mode 100644
index 0000000..e0340bb
--- /dev/null
+++ b/src/components/modal/control/ControlFsmModal.js
@@ -0,0 +1,337 @@
+import {
+ Button,
+ Row,
+ Col,
+ FormGroup,
+ Label,
+ Input,
+ Modal,
+ ModalHeader,
+ ModalBody,
+ CustomInput
+} from 'reactstrap';
+
+export default function ControlFsm({ modal, handler }) {
+ return (
+
+ );
+}
diff --git a/src/views/control/setting/ControlSetting.js b/src/views/control/setting/ControlSetting.js
index e99c0e2..e790fda 100644
--- a/src/views/control/setting/ControlSetting.js
+++ b/src/views/control/setting/ControlSetting.js
@@ -1,3 +1,4 @@
+import { useState } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { useHistory } from 'react-router-dom';
import { Button, ButtonGroup, CustomInput } from 'reactstrap';
@@ -6,8 +7,10 @@ import {
areaClickAction,
mapTypeChangeAction
} from '../../../modules/control/map/actions/controlMapActions';
+import ControlFsmModal from '../../../components/modal/control/ControlFsmModal';
const ControlSetting = props => {
+ const [isFsmModal, setIsFsmModal] = useState(false);
const dispatch = useDispatch();
const history = useHistory();
@@ -43,55 +46,56 @@ const ControlSetting = props => {
};
return (
-
-
-
-
지도유형
-
-
-
-
-
-
-
-
-
-
-
-
허용고도 알림 정보
-
-
-
-
-
-
+ <>
+
+
+
+
지도유형
+
+
+
+
+
+
+
+
- {/*
+
+
+
허용고도 알림 정보
+
+
+
+
+
+
+
+ {/*
-
@@ -114,173 +118,185 @@ const ControlSetting = props => {
*/}
-
-
-
-
공역 표출 정보
-
-
-
- -
-
- 비행금지구역
-
-
- handlerAreaClick('0001')}
- className='custom-control-red'
- type='switch'
- id='test01'
- name='test01'
- inline
- defaultChecked={mapControl.area0001}
- />
-
-
- -
-
- 비행제한구역
-
-
- handlerAreaClick('0002')}
- className='custom-control-pink'
- type='switch'
- id='test02'
- name='test02'
- inline
- defaultChecked={mapControl.area0002}
- />
-
-
- -
-
- 관제권(공항)
-
-
- handlerAreaClick('0003')}
- className='custom-control-orange'
- type='switch'
- id='test03'
- name='test03'
- inline
- defaultChecked={mapControl.area0003}
- />
-
-
- -
-
- 비행장(군사)
-
-
- handlerAreaClick('0004')}
- className='custom-control-brown'
- type='switch'
- id='test04'
- name='test04'
- inline
- defaultChecked={mapControl.area0004}
- />
-
-
- -
-
- 이착륙장
-
-
- handlerAreaClick('0005')}
- className='custom-control-purple'
- type='switch'
- id='test05'
- name='test05'
- inline
- defaultChecked={mapControl.area0005}
- />
-
-
- -
-
-
- 초경량비행장치공역
-
-
- handlerAreaClick('0006')}
- className='custom-control-skyblue'
- type='switch'
- id='test06'
- name='test06'
- inline
- defaultChecked={mapControl.area0006}
- />
-
-
-
+
+
+
공역 표출 정보
+
+
+
+
+ -
+
+ 비행금지구역
+
+
+ handlerAreaClick('0001')}
+ className='custom-control-red'
+ type='switch'
+ id='test01'
+ name='test01'
+ inline
+ defaultChecked={mapControl.area0001}
+ />
+
+
+ -
+
+ 비행제한구역
+
+
+ handlerAreaClick('0002')}
+ className='custom-control-pink'
+ type='switch'
+ id='test02'
+ name='test02'
+ inline
+ defaultChecked={mapControl.area0002}
+ />
+
+
+ -
+
+ 관제권(공항)
+
+
+ handlerAreaClick('0003')}
+ className='custom-control-orange'
+ type='switch'
+ id='test03'
+ name='test03'
+ inline
+ defaultChecked={mapControl.area0003}
+ />
+
+
+ -
+
+ 비행장(군사)
+
+
+ handlerAreaClick('0004')}
+ className='custom-control-brown'
+ type='switch'
+ id='test04'
+ name='test04'
+ inline
+ defaultChecked={mapControl.area0004}
+ />
+
+
+ -
+
+ 이착륙장
+
+
+ handlerAreaClick('0005')}
+ className='custom-control-purple'
+ type='switch'
+ id='test05'
+ name='test05'
+ inline
+ defaultChecked={mapControl.area0005}
+ />
+
+
+ -
+
+
+ 초경량비행장치공역
+
+
+ handlerAreaClick('0006')}
+ className='custom-control-skyblue'
+ type='switch'
+ id='test06'
+ name='test06'
+ inline
+ defaultChecked={mapControl.area0006}
+ />
+
+
+
+
-
-
-
-
LAANC 신청하기
-
-
-
-
-
-
드론 원스톱 민원 시스템
-
-
+
+ {isFsmModal && (
+
setIsFsmModal(false)} />
+ )}
-
+ >
);
};