feat: 초대 대기자 상태관리 생성

src/pages/company/inCompany/CompanyInvite.js

@@ -4,6 +4,7 @@ import LeftMenuCeo from "components/LeftMenuCeo";
 import { useEffect, useState } from "react";
 
 import "../../../style/company/company.scss";
+import { useSelector } from "react-redux";
 
 const CompanyInvite = () => {
   const [userEmail, setUserEmail] = useState("");
@@ -25,6 +26,7 @@ const CompanyInvite = () => {
       state: "거절",
     },
   ];
+  const alba_waitlist = useSelector((state) => state.alba_waitlist);
   useEffect(() => {}, [invite_user]);
 
   const validateEmail = (input) => {
@@ -59,11 +61,11 @@ const CompanyInvite = () => {
             <h2>알바생 초대</h2>
           </div>
           <div className="main">
-            <h3>
+            {/* <h3>
               초대할 알바생의 <b>email 주소</b>를 입력하세요.
-            </h3>
+            </h3> */}
             <div className="emailform">
-              <div className="email-wrapper">
+              {/* <div className="email-wrapper">
                 <input
                   type="email"
                   value={userEmail}
@@ -72,9 +74,9 @@ const CompanyInvite = () => {
                   }}
                   placeholder="ex) [email protected] ..."
                 />
-              </div>
+              </div> */}
               <div className="btn-wrapper">
-                <button onClick={handlesubmit}>초대하기</button>
+                <button>초대하기</button>
               </div>
             </div>
           </div>
@@ -83,13 +85,13 @@ const CompanyInvite = () => {
               <h2>초대 대기 목록</h2>
             </div>
             <div className="waitlist-wrapper">
-              {invite_user.map((user) => (
+              {alba_waitlist.map((user) => (
                 <div className="waitlist-main">
                   <div className="waitlist-set">
                     <div className="waitlist-things">
                       <div className="name waitlist-one">
                         <label className="value">이름</label>
-                        <label>{user.name}</label>
+                        <label>{user.user_name}</label>
                       </div>
                       <div className="email waitlist-one">
                         <label className="value">이메일</label>

src/redux-toolkit/albaModule/AlbaWaitListSlice.js

@@ -0,0 +1,32 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+// 수정 필요
+let nextId = 0;
+const initialValue = [
+  {
+    alba_id: 0,
+    company_id: 1,
+    user_id: 0,
+    user_name: "김민규",
+    email: "[email protected]",
+    code: "24DW4Y89",
+    state: "대기",
+  },
+  {
+    alba_id: 1,
+    company_id: 1,
+    user_id: 1,
+    user_name: "윤서영",
+    email: "[email protected]",
+    code: "DE32S5DU",
+    state: "거절",
+  },
+];
+
+export const albaWaitListSlice = createSlice({
+  name: "alba_waitlist",
+  initialState: initialValue,
+  reducers: {},
+});
+
+export default albaWaitListSlice.reducer;

src/redux-toolkit/store.js

@@ -7,6 +7,7 @@ import { albaCompanyListSlice } from "./albaModule/AlbaCompanyListReducer";
 import { AlbaContractSlice } from "./albaModule/AlbaContractSlice";
 import { AlbaRecordListSlice } from "./albaModule/AlbaRecordListSlice";
 import { AlbaAttendance } from "./albaModule/AlbaAttendance";
+import { albaWaitListSlice } from "./albaModule/AlbaWaitListSlice";
 
 const store = configureStore({
   reducer: {
@@ -17,6 +18,7 @@ const store = configureStore({
     alba_contract: AlbaContractSlice.reducer,
     alba_record: AlbaRecordListSlice.reducer,
     alba_attendance: AlbaAttendance.reducer,
+    alba_waitlist: albaWaitListSlice.reducer,
   },
 });