Feat: 마일리지 학기별 항목 리스트도 리덕스로 관리 (#15)

src/components/board/MileageRegister.tsx

@@ -218,5 +218,5 @@ export default function MileageRegister() {
     ),
   ];
 
-  return <EnhancedTable rows={rows} headCells={headCells} type="마일리지 등록" />;
+  return <EnhancedTable originalRows={rows} headCells={headCells} type="마일리지 등록" />;
 }

src/components/board/MileageResult.tsx

@@ -188,5 +188,5 @@ export default function MileageResult() {
     ),
   ];
 
-  return <EnhancedTable rows={rows} headCells={headCells} type="마일리지 선정결과" />;
+  return <EnhancedTable originalRows={rows} headCells={headCells} type="마일리지 선정결과" />;
 }

src/components/board/MileageSemesterItem.tsx

@@ -24,6 +24,10 @@ import {
 } from 'src/assets/data/fields';
 import SWModal from '../common/modal/SWModal';
 import { EDITITEM } from 'src/assets/data/modal/modals';
+import { useSelector, dispatch } from 'src/redux/store';
+import { useDispatch } from 'react-redux';
+import { useEffect } from 'react';
+import { setMileageSemesterList } from 'src/redux/slices/data';
 
 /**
  * @component [마일리지 학기별 항목] 게시판
@@ -233,5 +237,12 @@ export default function MileageSemesterItem() {
     ),
   ];
 
-  return <EnhancedTable rows={rows} headCells={headCells} type="마일리지 학기별 항목" />;
+  const data = useSelector((state) => state.data.mileageSemesterList);
+  const dispatch = useDispatch();
+
+  useEffect(() => {
+    dispatch(setMileageSemesterList(rows));
+  }, []);
+
+  return <EnhancedTable originalRows={data} headCells={headCells} type="마일리지 학기별 항목" />;
 }

src/components/board/MileageView.tsx

@@ -217,5 +217,5 @@ export default function MileageView() {
     ),
   ];
 
-  return <EnhancedTable rows={rows} headCells={headCells} type="마일리지 조회" />;
+  return <EnhancedTable originalRows={rows} headCells={headCells} type="마일리지 조회" />;
 }

src/components/board/RegisterManage.tsx

@@ -223,5 +223,5 @@ export default function RegisterManage() {
     ),
   ];
 
-  return <EnhancedTable rows={rows} headCells={headCells} type="신청자 관리" />;
+  return <EnhancedTable originalRows={rows} headCells={headCells} type="신청자 관리" />;
 }

src/components/board/StudentManage.tsx

@@ -223,5 +223,5 @@ export default function StudentManage() {
     ),
   ];
 
-  return <EnhancedTable rows={rows} headCells={headCells} type="학생 관리" />;
+  return <EnhancedTable originalRows={rows} headCells={headCells} type="학생 관리" />;
 }

src/components/board/UserManage.tsx

@@ -104,5 +104,5 @@ export default function UserManage() {
     createData(5, '김광', '21800450', '관리자', '20(2023-08-22)'),
   ];
 
-  return <EnhancedTable rows={rows} headCells={headCells} type="사용자 관리" />;
+  return <EnhancedTable originalRows={rows} headCells={headCells} type="사용자 관리" />;
 }

src/redux/slices/data.js

@@ -3,6 +3,7 @@ import { createSlice } from '@reduxjs/toolkit';
 const initialState = {
   mileageCategoryList: [],
   mileageGlobalList: [],
+  mileageSemesterList: [],
 };
 
 const slice = createSlice({
@@ -15,9 +16,13 @@ const slice = createSlice({
     setMileageGlobalList: (state, action) => {
       state.mileageGlobalList = action.payload;
     },
+    setMileageSemesterList: (state, action) => {
+      state.mileageSemesterList = action.payload;
+    },
   },
 });
 
 // Reducer
-export const { setMileageCategoryList, setMileageGlobalList } = slice.actions;
+export const { setMileageCategoryList, setMileageGlobalList, setMileageSemesterList } =
+  slice.actions;
 export default slice.reducer;