드론교통관리 비정상 토스트 표출 및 알림음 재생

src/components/map/mapbox/MapBoxMap.js

@@ -27,6 +27,7 @@ import flatGimpo from '../../map/geojson/flatGimpoAirportAirArea.json';
 
 import { mapInitAction } from '../../../modules/control/map/actions/controlMapActions';
 import DronPlan from './dron/DronPlan';
+import DronToast from './dron/DronToast';
 
 const uamPosition = {
   type: 'FeatureCollection',
@@ -269,10 +270,10 @@ export default function MapBoxMap() {
   const dispatch = useDispatch();
   const mapControl = useSelector(state => state.controlMapReducer);
 
-  const planGeo = {
+  const [planGeo, setPlanGeo] = useState({
     type: 'FeatureCollection',
     features: []
-  };
+  });
 
   useLayoutEffect(() => {
     mapBoxMapInit();
@@ -807,10 +808,8 @@ export default function MapBoxMap() {
       {isMapLoaded && mapObject ? (
         <>
           <DronMarker map={mapObject} mapboxgl={mapboxgl} />
-          <DronPlan map={mapObject} planGeo={planGeo} />
-
-          {/* <DronPlan map={mapObject} naver={naver} />
-          <NewDronPlan map={mapObject} naver={naver} /> */}
+          <DronPlan map={mapObject} planGeo={planGeo} setPlanGeo={setPlanGeo} />
+          <DronToast />
 
           {/* <MapBoxMapControl map={mapObject} /> */}
 
@@ -827,8 +826,6 @@ export default function MapBoxMap() {
             handleHistoryInit={handleHistoryInit}
           /> */}
 
-          {/* <DronToast /> */}
-
           <FeatureAirZone map={mapObject} mapboxgl={mapboxgl} />
           {/* <NaverMapSearch map={mapObject} naver={naver} /> */}
           {/* <SensorZone map={mapObject} naver={naver} /> */}

src/components/map/mapbox/dron/DronToast.js

@@ -9,6 +9,8 @@ import {
   controlGpDtlAction,
   controlGpFlightPlanAction
 } from '../../../../modules/control/gp';
+import Avatar from '../../../../@core/components/avatar';
+import { Info } from 'react-feather';
 
 export default function DronToast() {
   const dispatch = useDispatch();
@@ -25,7 +27,7 @@ export default function DronToast() {
       if (!toastId) {
         for (let i = 0; i < controlGpArcrftWarnList.length; i++) {
           if (controlGpArcrftWarnList[i].controlWarnCd) {
-            const id = toast.info(
+            const id = toast.warning(
               toastRender(
                 `${controlGpArcrftWarnList[i].idntfNum} 비정상 상황 알림`,
                 `경로 상에 비행 구역을 이탈했습니다.`
@@ -73,8 +75,11 @@ export default function DronToast() {
       <Fragment>
         <div className='toastify-header'>
           <div className='title-wrapper'>
-            <Avatar size='sm' color='info' icon={<Info size={10} />} />
-            <h6 className='text-info ml-50 mb-0' style={{ fontSize: 'small' }}>
+            <Avatar size='sm' color='warning' icon={<Info size={10} />} />
+            <h6
+              className='text-warning ml-50 mb-0'
+              style={{ fontSize: 'small' }}
+            >
               {title}
             </h6>
           </div>
@@ -88,6 +93,4 @@ export default function DronToast() {
   };
 
   return null;
-
-  return <div>DronToast</div>;
 }