LAANC시스템 버튼 기능 추가

src/modules/control/map/reducers/controlMapReducer.ts

@@ -11,11 +11,9 @@ const initialState = {
   area0005: true, // 이착륙장(RC비행장)
   area0006: true, // 초경량비행장치
   sensor: 'dust',
-
+  isLaanc: false,
   drawType: null,
-
   ctrlDrawType: null,
-
   drawCheck: ''
 };
 

src/views/control/main/ControlMain.js

@@ -43,7 +43,11 @@ import { NavLink } from 'reactstrap';
 const ControlMain = () => {
   const dispatch = useDispatch();
 
-  const { isClickObject } = useSelector(state => state.controlMapReducer);
+  const { isClickObject, isLaanc } = useSelector(
+    state => state.controlMapReducer
+  );
+  const mapControl = useSelector(state => state.controlMapReducer);
+
   const { controlGpList, controlGroupAuthInfo } = useSelector(
     state => state.controlGpState
   );
@@ -53,6 +57,7 @@ const ControlMain = () => {
   const { controlGpCountDrone, controlGpCountFlight } = useSelector(
     state => state.controlGpCountState
   );
+  console.log('>>>>', isClickObject);
 
   // pav박람회 -> uam, 드론 구별을 위한 임시 코드
   // (이 작업으로 고도화 하려면 추후에 서버에서 uam타입을 새로 더 받아 작업해야 함)
@@ -171,10 +176,16 @@ const ControlMain = () => {
     }
   };
 
+  const hadlerLaanc = () => {
+    if (isLaanc) mapControl.isLaanc = false;
+    else if (!isLaanc) mapControl.isLaanc = true;
+  };
   return (
     <>
+      {isLaanc ? (
+        <>
+          {' '}
           <ControlAlarmNotice />
-
           <div className='left-menu'>
             <h1 className='logo'>
               <img src={logo} width='80' />
@@ -241,6 +252,55 @@ const ControlMain = () => {
               {/* socket_off = 클래스명 변경시 빨간색! 접속이 원할하지않을때 */}
             </ul>
           </div>
+        </>
+      ) : (
+        <>
+          <ControlAlarmNotice />
+          <div className='left-menu'>
+            <h1 className='logo'>
+              <img src={logo} width='80' />
+              <span>PAL</span>
+            </h1>
+
+            <ul className='left-menu-nav'>
+              {/* <li>
+            <button>
+              <Bell width='20' height='20' />
+            </button>
+          </li> */}
+              {/* <li>
+            <button onClick={() => openMenu('weatherList')}>
+              <Sun size={25} />
+            </button>
+          </li> */}
+            </ul>
+            <ul className='left-menu-footer'>
+              {/* <li>
+            <img src={future_logo} width='50' />
+          </li>
+          <li>
+            <img src={nam_logo} width='50' />
+          </li>
+          <li>
+            <img src={finevt_logo} width='50' />
+          </li> */}
+
+              <li>
+                <AiOutlinePoweroff
+                  size={25}
+                  className='logout-btn'
+                  onClick={handlerLogout}
+                />
+              </li>
+              <li style={{ marginLeft: '8px' }}>
+                <WebsocketClient />
+              </li>
+              {/* socket_off = 클래스명 변경시 빨간색! 접속이 원할하지않을때 */}
+            </ul>
+          </div>
+        </>
+      )}
+
       <div
         className={
           !oepnReportList && !openAlarmList && !isClickObject
@@ -351,7 +411,7 @@ const ControlMain = () => {
             </div>
             <div className='data-list-box'>
               <div className='data-list' style={{ cursor: 'pointer' }}>
-                <span onClick={() => {}}>승인요청 바로가기</span>
+                <span onClick={hadlerLaanc}>승인요청 바로가기</span>
               </div>
               {/* <div className='data-list' style={{ cursor: 'pointer' }}>
                 <span onClick={() => handlerDrawType('RESET')}>초기화</span>