관제과 페이지 에러 수정(state 추가)

src/containers/flight/ControlApprovalsContainer.js

@@ -60,6 +60,13 @@ export default function ControlApprovalsContainer({ mode }) {
 
   // 검토 상태값
   const [reviewedType, setReviewedType] = useState('전체');
+  const [approvalCd, setApprovalCd] = useState([
+    { name: '전체', value: '', select: false },
+    { name: '승인', value: 'S', select: false },
+    { name: '미 승인', value: 'F', select: false },
+    { name: '비 대상', value: 'U', select: false },
+    { name: '조건부 승인', value: 'C', select: false }
+  ]);
 
   // 지역
   const [filterArea, setFilterArea] = useState({
@@ -598,6 +605,30 @@ export default function ControlApprovalsContainer({ mode }) {
     }
   };
 
+  const handlerApprovalCd = ({ target: { value } }) => {
+    setApprovalCd(
+      approvalCd.map(i => {
+        if (!value) {
+          return {
+            ...i,
+            select: false
+          };
+        } else {
+          if (i.value === value) {
+            return {
+              ...i,
+              select: true
+            };
+          }
+          return {
+            ...i,
+            select: false
+          };
+        }
+      })
+    );
+  };
+
   const handlerLogout = async () => {
     const { payload } = await dispatch(setLogout());
 
@@ -829,6 +860,8 @@ export default function ControlApprovalsContainer({ mode }) {
                 setFilterArea={setFilterArea}
                 setReviewedType={setReviewedType}
                 reviewedType={reviewedType}
+                approvalCd={approvalCd}
+                handlerApprovalCd={handlerApprovalCd}
                 pageName='control'
               />
               <ControlApprovalsTable

src/containers/flight/popup/ControlApprovalsPopupContainer.js

@@ -22,6 +22,13 @@ function ControlApprovalsPopupContainer() {
 
   // 검토 상태값
   const [reviewedType, setReviewedType] = useState('전체');
+  const [approvalCd, setApprovalCd] = useState([
+    { name: '전체', value: '', select: false },
+    { name: '승인', value: 'S', select: false },
+    { name: '미 승인', value: 'F', select: false },
+    { name: '비 대상', value: 'U', select: false },
+    { name: '조건부 승인', value: 'C', select: false }
+  ]);
 
   const dispatch = useDispatch();
 
@@ -175,6 +182,30 @@ function ControlApprovalsPopupContainer() {
     handlerOpnerPostMessage('closedSync', '');
   };
 
+  const handlerApprovalCd = ({ target: { value } }) => {
+    setApprovalCd(
+      approvalCd.map(i => {
+        if (!value) {
+          return {
+            ...i,
+            select: false
+          };
+        } else {
+          if (i.value === value) {
+            return {
+              ...i,
+              select: true
+            };
+          }
+          return {
+            ...i,
+            select: false
+          };
+        }
+      })
+    );
+  };
+
   return (
     <div className='right-menu active'>
       <div
@@ -190,6 +221,8 @@ function ControlApprovalsPopupContainer() {
             setFilterArea={setFilterArea}
             reviewedType={reviewedType}
             setReviewedType={setReviewedType}
+            approvalCd={approvalCd}
+            handlerApprovalCd={handlerApprovalCd}
             pageName='control'
           />
           <ControlApprovalsTable