From 9d516aa5ba6e74b3d9202c9b85c40a0b3eb7e63d Mon Sep 17 00:00:00 2001
From: sanguu516 <sanguu516@naver.com>
Date: Thu, 27 Jun 2024 10:26:57 +0900
Subject: [PATCH] =?UTF-8?q?=EC=B4=88=EA=B8=B0=20=EB=A1=9C=EB=94=A9?=
 =?UTF-8?q?=EC=8B=9C=20=EA=B1=B4=EC=88=98=20=EA=B3=84=EC=82=B0=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../flight/NewFlightApprovalsTable.js         | 47 +++++++++----------
 1 file changed, 22 insertions(+), 25 deletions(-)

diff --git a/src/components/flight/NewFlightApprovalsTable.js b/src/components/flight/NewFlightApprovalsTable.js
index 98287787..733d7019 100644
--- a/src/components/flight/NewFlightApprovalsTable.js
+++ b/src/components/flight/NewFlightApprovalsTable.js
@@ -42,10 +42,31 @@ export default function NewFlightApprovalsTable(props) {
   // 수정 키 확인
   const isEditing = record => record.key === editingKey;
 
+  useEffect(() => {
+    let approvalCdValue = { S: 0, F: 0, U: 0 };
+
+    tableData.map(item => {
+      item.areaList.map(area => {
+        if (area.approvalCd === 'S') {
+          approvalCdValue.S += 1;
+        } else if (area.approvalCd === 'F') {
+          approvalCdValue.F += 1;
+        } else {
+          approvalCdValue.U += 1;
+        }
+      });
+    });
+
+    setApprovalCdValue({
+      F: approvalCdValue.F,
+      S: approvalCdValue.S,
+      U: approvalCdValue.U
+    });
+  }, [tableData]);
+
   // 승인, 미승인, 비대상 건수 계산
   useEffect(() => {
     setTableData(laancAprvList);
-    resApprovalCd();
   }, [laancAprvList]);
 
   // 수정 이벤트
@@ -787,30 +808,6 @@ export default function NewFlightApprovalsTable(props) {
     return `${year} 년 ${month} 월 ${day} 일`;
   };
 
-  // 승인, 미승인, 비대상 건수 계산
-  const resApprovalCd = () => {
-    let approvalCdValue = { S: 0, F: 0, U: 0 };
-
-    tableData?.map(item => {
-      item.areaList.map(area => {
-        if (area.approvalCd === 'S') {
-          approvalCdValue.S += 1;
-        } else if (area.approvalCd === 'F') {
-          approvalCdValue.F += 1;
-        } else {
-          approvalCdValue.U += 1;
-        }
-      });
-    });
-
-    setApprovalCdValue({
-      F: approvalCdValue.F,
-      S: approvalCdValue.S,
-      U: approvalCdValue.U
-    });
-  };
-
-  //
   const handleExpand = key => {
     const expanded = expandedRowKeys.includes(key);
     const keys = expanded