테이블 로딩바 추가

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,

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;
     });
   }
 });

src/redux/features/laanc/laancState.ts

@@ -16,6 +16,7 @@ export interface laancState {
   scheduleList: IBasFlightScheduleListRs[] | [];
   selectGroup: ISelectGroupRs;
   laancAprvList: ILaancAprvListRs[];
+  isLoading: boolean;
 
   // 비행구역 관련 state
   drawType: string;