|
|
@ -36,22 +36,32 @@ export default function LaancStep1({ |
|
|
|
}) { |
|
|
|
}) { |
|
|
|
const dispatch = useDispatch(); |
|
|
|
const dispatch = useDispatch(); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 로그인 정보
|
|
|
|
const { user } = useSelector(state => state.authState); |
|
|
|
const { user } = useSelector(state => state.authState); |
|
|
|
|
|
|
|
// 비행 구역 정보
|
|
|
|
const { areaCoordList } = useSelector(state => state.flightState); |
|
|
|
const { areaCoordList } = useSelector(state => state.flightState); |
|
|
|
|
|
|
|
// 일물 일출, 고도 정보, 관제권안 정보
|
|
|
|
const { laancSun, laancElev, laancArea } = useSelector( |
|
|
|
const { laancSun, laancElev, laancArea } = useSelector( |
|
|
|
state => state.laancState |
|
|
|
state => state.laancState |
|
|
|
); |
|
|
|
); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// LAANC 폼 제어
|
|
|
|
const fltElevRef = useRef(null); |
|
|
|
const fltElevRef = useRef(null); |
|
|
|
const bufferZoneRef = useRef(null); |
|
|
|
const bufferZoneRef = useRef(null); |
|
|
|
const schFltStDtRef = useRef(null); |
|
|
|
const schFltStDtRef = useRef(null); |
|
|
|
const schFltEndDtRef = useRef(null); |
|
|
|
const schFltEndDtRef = useRef(null); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 마운트 시 지도 표출 여부
|
|
|
|
const location = useLocation(); |
|
|
|
const location = useLocation(); |
|
|
|
const queryParams = new URLSearchParams(location.search); |
|
|
|
const queryParams = new URLSearchParams(location.search); |
|
|
|
const mapParam = queryParams.get('map'); |
|
|
|
const mapParam = queryParams.get('map'); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 아이콘 팝오버
|
|
|
|
const [popoverCommercial, setPopoverCommercial] = useState(false); |
|
|
|
const [popoverCommercial, setPopoverCommercial] = useState(false); |
|
|
|
const [popoverSchFltStDt, setPopoverSchFltStDt] = useState(false); |
|
|
|
const [popoverSchFltStDt, setPopoverSchFltStDt] = useState(false); |
|
|
|
const [popoverSchFltEndDt, setPopoverSchFltEndDt] = useState(false); |
|
|
|
const [popoverSchFltEndDt, setPopoverSchFltEndDt] = useState(false); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 모달
|
|
|
|
const [isErrorModal, setIsErrorModal] = useState({ |
|
|
|
const [isErrorModal, setIsErrorModal] = useState({ |
|
|
|
isOpen: false, |
|
|
|
isOpen: false, |
|
|
|
title: '', |
|
|
|
title: '', |
|
|
|