From 438e3fe805810b37ff4ff6c78d086ef0202bd3fe Mon Sep 17 00:00:00 2001
From: sanguu516 <sanguu516@naver.com>
Date: Mon, 8 Jul 2024 17:36:29 +0900
Subject: [PATCH] =?UTF-8?q?=ED=85=8C=EC=9D=B4=EB=B8=94=20=EB=A1=9C?=
 =?UTF-8?q?=EB=94=A9=EB=B0=94=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/flight/NewFlightApprovalsTable.js | 5 ++++-
 src/redux/features/laanc/laancSlice.ts           | 7 ++++++-
 src/redux/features/laanc/laancState.ts           | 1 +
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/flight/NewFlightApprovalsTable.js b/src/components/flight/NewFlightApprovalsTable.js
index 2e3870a2..1215ac0d 100644
--- a/src/components/flight/NewFlightApprovalsTable.js
+++ b/src/components/flight/NewFlightApprovalsTable.js
@@ -17,7 +17,9 @@ export default function NewFlightApprovalsTable(props) {
   const dispatch = useDispatch();
 
   // 비행승인 목록
-  const { laancAprvList, laancElev } = useSelector(state => state.laancState);
+  const { laancAprvList, laancElev, isLoading } = useSelector(
+    state => state.laancState
+  );
 
   // 승인, 미승인, 비대상 건수
   const [approvalCdValue, setApprovalCdValue] = useState({
@@ -1077,6 +1079,7 @@ export default function NewFlightApprovalsTable(props) {
                       }
                     }
                   })}
+                  loading={isLoading}
                   expandable={{
                     expandedRowRender,
                     expandedRowKeys: expandedRowKeys,
diff --git a/src/redux/features/laanc/laancSlice.ts b/src/redux/features/laanc/laancSlice.ts
index 759ca0d6..9296d6e3 100644
--- a/src/redux/features/laanc/laancSlice.ts
+++ b/src/redux/features/laanc/laancSlice.ts
@@ -304,7 +304,8 @@ const initLaanc: laancState = {
   isOpenModal: false,
   isClickAdd: false,
   isOverAdd: false,
-  isViewAdd: false
+  isViewAdd: false,
+  isLoading: false
 };
 
 const laancSlice = createSlice({
@@ -404,8 +405,12 @@ const laancSlice = createSlice({
         state.scheduleList = [];
       } else state.scheduleList = action.payload as IBasFlightScheduleListRs[];
     });
+    builder.addCase(getLaancAprvList.pending, (state, action) => {
+      state.isLoading = true;
+    });
     builder.addCase(getLaancAprvList.fulfilled, (state, action) => {
       state.laancAprvList = action.payload as ILaancAprvListRs[];
+      state.isLoading = false;
     });
   }
 });
diff --git a/src/redux/features/laanc/laancState.ts b/src/redux/features/laanc/laancState.ts
index 2477ac4a..ef98ff52 100644
--- a/src/redux/features/laanc/laancState.ts
+++ b/src/redux/features/laanc/laancState.ts
@@ -16,6 +16,7 @@ export interface laancState {
   scheduleList: IBasFlightScheduleListRs[] | [];
   selectGroup: ISelectGroupRs;
   laancAprvList: ILaancAprvListRs[];
+  isLoading: boolean;
 
   // 비행구역 관련 state
   drawType: string;