|
|
@ -1,4 +1,5 @@ |
|
|
|
import React, { useEffect, useState } from 'react'; |
|
|
|
import React, { useEffect, useState } from 'react'; |
|
|
|
|
|
|
|
import { useHistory, useLocation } from 'react-router-dom'; |
|
|
|
import { Search } from 'react-feather'; |
|
|
|
import { Search } from 'react-feather'; |
|
|
|
import { BiBuildings, BiGridAlt } from 'react-icons/bi'; |
|
|
|
import { BiBuildings, BiGridAlt } from 'react-icons/bi'; |
|
|
|
import { CgTrees } from 'react-icons/cg'; |
|
|
|
import { CgTrees } from 'react-icons/cg'; |
|
|
@ -38,7 +39,6 @@ import { |
|
|
|
mapTypeChangeAction, |
|
|
|
mapTypeChangeAction, |
|
|
|
sensorClickAction |
|
|
|
sensorClickAction |
|
|
|
} from '../../modules/control/map/actions/controlMapActions'; |
|
|
|
} from '../../modules/control/map/actions/controlMapActions'; |
|
|
|
import { useHistory } from 'react-router-dom'; |
|
|
|
|
|
|
|
import FlightArea from './FlightArea'; |
|
|
|
import FlightArea from './FlightArea'; |
|
|
|
import { AREA_DETAIL_INIT } from '../../modules/basis/flight/actions/basisFlightAction'; |
|
|
|
import { AREA_DETAIL_INIT } from '../../modules/basis/flight/actions/basisFlightAction'; |
|
|
|
|
|
|
|
|
|
|
@ -50,7 +50,8 @@ export default function LaancStep1({ |
|
|
|
disabledAnimation, |
|
|
|
disabledAnimation, |
|
|
|
setDisabledAnimation, |
|
|
|
setDisabledAnimation, |
|
|
|
centeredModal, |
|
|
|
centeredModal, |
|
|
|
setCenteredModal |
|
|
|
setCenteredModal, |
|
|
|
|
|
|
|
currentParm |
|
|
|
}) { |
|
|
|
}) { |
|
|
|
const { user } = useSelector(state => state.authState); |
|
|
|
const { user } = useSelector(state => state.authState); |
|
|
|
const { areaCoordList } = useSelector(state => state.flightState); |
|
|
|
const { areaCoordList } = useSelector(state => state.flightState); |
|
|
@ -58,6 +59,15 @@ export default function LaancStep1({ |
|
|
|
const history = useHistory(); |
|
|
|
const history = useHistory(); |
|
|
|
const dispatch = useDispatch(); |
|
|
|
const dispatch = useDispatch(); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const location = useLocation(); |
|
|
|
|
|
|
|
const queryParams = new URLSearchParams(location.search); |
|
|
|
|
|
|
|
const mapParam = queryParams.get('map'); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
|
|
|
// URL 쿼리 파라미터 중 'map' 값을 가져옵니다.
|
|
|
|
|
|
|
|
if (!currentParm) setCenteredModal(mapParam); |
|
|
|
|
|
|
|
}, [location]); |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
useEffect(() => { |
|
|
|
return () => { |
|
|
|
return () => { |
|
|
|
dispatch(AREA_DETAIL_INIT()); |
|
|
|
dispatch(AREA_DETAIL_INIT()); |
|
|
@ -342,10 +352,19 @@ export default function LaancStep1({ |
|
|
|
</Label> |
|
|
|
</Label> |
|
|
|
<Input |
|
|
|
<Input |
|
|
|
type='select' |
|
|
|
type='select' |
|
|
|
id='test' |
|
|
|
id='arcrftWdth' |
|
|
|
size='sm' |
|
|
|
name='arcrftWdth' |
|
|
|
|
|
|
|
bssize='sm' |
|
|
|
placeholder='' |
|
|
|
placeholder='' |
|
|
|
value={data.arcrftList[0].arcrftWdth} |
|
|
|
value={data.arcrftList[0].arcrftWdth} |
|
|
|
|
|
|
|
onChange={e => { |
|
|
|
|
|
|
|
const { name, value } = e.target; |
|
|
|
|
|
|
|
handleChange({ |
|
|
|
|
|
|
|
type: 'arcrft', |
|
|
|
|
|
|
|
name, |
|
|
|
|
|
|
|
value |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}} |
|
|
|
> |
|
|
|
> |
|
|
|
<option value=''>= 선택 =</option> |
|
|
|
<option value=''>= 선택 =</option> |
|
|
|
<option value='최대이륙중량 250g 이하'> |
|
|
|
<option value='최대이륙중량 250g 이하'> |
|
|
|