|
|
|
@ -43,6 +43,11 @@ const ControlMain = () => {
|
|
|
|
|
const { controlGpCountDrone, controlGpCountFlight } = useSelector( |
|
|
|
|
state => state.controlGpCountState |
|
|
|
|
); |
|
|
|
|
// pav박람회 -> uam, 드론 구별을 위한 임시 코드
|
|
|
|
|
// (이 작업으로 고도화 하려면 추후에 서버에서 uam타입을 새로 더 받아 작업해야 함)
|
|
|
|
|
const [droneCount, setDroneCount] = useState(0); |
|
|
|
|
const [uamCount, setUamCount] = useState(0); |
|
|
|
|
|
|
|
|
|
const [alarm, setAlarm] = useState(false); |
|
|
|
|
const { user } = useSelector(state => state.authState); |
|
|
|
|
const [oepnReportList, setOpenReportList] = useState(false); |
|
|
|
@ -103,6 +108,20 @@ const ControlMain = () => {
|
|
|
|
|
} |
|
|
|
|
}, [isClickObject]); |
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
if (controlGpCountDrone) { |
|
|
|
|
const uamCnt = controlGpCountDrone.filter(i => |
|
|
|
|
i.gps.objectId.includes('UAM') |
|
|
|
|
); |
|
|
|
|
const droneCnt = controlGpCountDrone.filter( |
|
|
|
|
i => !i.gps.objectId.includes('UAM') |
|
|
|
|
); |
|
|
|
|
|
|
|
|
|
setUamCount(uamCnt.length); |
|
|
|
|
setDroneCount(droneCnt.length); |
|
|
|
|
} |
|
|
|
|
}, [controlGpCountDrone]); |
|
|
|
|
|
|
|
|
|
const handlerClose = () => { |
|
|
|
|
setOpenReportList(true); |
|
|
|
|
dispatch(objectUnClickAction()); |
|
|
|
@ -245,11 +264,16 @@ const ControlMain = () => {
|
|
|
|
|
<div className='data-list'> |
|
|
|
|
<span>드론</span> |
|
|
|
|
{/* <span>{controlGpList ? controlGpList.length : 0}</span> */} |
|
|
|
|
<span> |
|
|
|
|
{/* <span> |
|
|
|
|
{controlGpCountDrone?.length > 0 |
|
|
|
|
? controlGpCountDrone?.length |
|
|
|
|
: 0} |
|
|
|
|
</span> |
|
|
|
|
</span> */} |
|
|
|
|
<span>{droneCount}</span> |
|
|
|
|
</div> |
|
|
|
|
<div className='data-list'> |
|
|
|
|
<span>UAM</span> |
|
|
|
|
<span>{uamCount}</span> |
|
|
|
|
</div> |
|
|
|
|
<div className='data-list'> |
|
|
|
|
<span>항공기</span> |
|
|
|
|