feat: 리덕스 적용중

inu-appcenter · Feb 12, 2024 · d802f31 · d802f31
1 parent 6abc52d
commit d802f31
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 3 deletions.
diff --git a/src/container/product/GenRegis.js b/src/container/product/GenRegis.js
@@ -130,6 +130,12 @@ export default function GenRegis() {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [roleModalOpen]);
 
+    useEffect(() => {
+        getParts();
+        getYears();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+
     return (
         <>
             <ModalContainer
@@ -162,7 +168,6 @@ export default function GenRegis() {
                     onChange={(e) =>
                         setNewRole({ ...newRole, part: e.target.value })
                     }
-                    onClick={() => getParts()}
                 />
                 {part && <Container data={part} />}
                 <ModalLabel>기수</ModalLabel>
@@ -173,7 +178,6 @@ export default function GenRegis() {
                     onChange={(e) =>
                         setNewRole({ ...newRole, year: e.target.value })
                     }
-                    onClick={() => getYears()}
                 />
                 {year && <Container data={year} />}
                 <ModalButtonWrapper>

diff --git a/src/modules/ProductSlice.js b/src/modules/ProductSlice.js
@@ -5,6 +5,8 @@ const initialState = {
     modifyModalOpen: false,
     memberModalOpen: false,
     roleModalOpen: false,
+    genPart: '',
+    genYear: '',
     message: '',
 };
 
@@ -40,6 +42,12 @@ export const ProductSlice = createSlice({
         RoleModalclose(state) {
             state.roleModalOpen = false;
         },
+        setGenPart(state, action) {
+            state.genPart = action.payload;
+        },
+        setGenYear(state, action) {
+            state.genYear = action.payload;
+        },
     },
 });
 
@@ -52,4 +60,6 @@ export const {
     MemberModalclose,
     RoleModalopen,
     RoleModalclose,
+    setGenPart,
+    setGenYear,
 } = ProductSlice.actions;
diff --git a/src/page/ManageGenPage.js b/src/page/ManageGenPage.js
@@ -204,7 +204,7 @@ export default function ManageGenPage() {
                             <td>{content.member}</td>
                             <td>{content.role}</td>
                             <td>{content.year}</td>
-                            <td>{content.part}</td>
+                            <td>{content.part ?? <div>{content.part}</div>}</td>
                             <td>{content.email}</td>
                         </tr>
                     ))}