비행중인 기체 -> UAM 추가

src/views/control/main/ControlMain.js

@@ -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>