[#47] Feat CheckSignUpPage

- getSignUps API 수정정

src/apis/controller/adminSignUp.api.ts

@@ -1,8 +1,8 @@
 import sendApi from "../sendApi";
 
 export const AdminSignUpAPI = {
-  getSignUps: async () => {
-    const response = await sendApi.get("/orders");
+  getSignUps: async (isCheck: boolean) => {
+    const response = await sendApi.get("/orders", { check: isCheck });
     return response.data;
   },
   getSignUpDetail: async (id: number) => {

src/components/adminPage/AdminDetailPage.tsx

@@ -11,6 +11,8 @@ export const AdminDetailPage = () => {
   const { id } = Router.query;
   const { isLoading, data } = useQueryGetSignUpDetail(Number(id));
 
+  console.log(data);
+
   return (
     <Wrapper>
       <WrapperInner>

src/components/adminPage/AdminPage.tsx

@@ -1,8 +1,8 @@
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import styled from "styled-components";
-import { useQueryGetSignUps } from "../../hooks/query/adminSignUp/useQueryGetSignUps";
 import { customColor } from "../customColor";
-import { SignUpItem } from "./components/SignUpItem";
+import { SignUpItemListCheck } from "./components/SignUpItemList";
+import { SignUpItemListUncheck } from "./components/SignUpItemListUncheck";
 
 export interface ResponseType {
   clientName: string;
@@ -16,12 +16,11 @@ interface ToggleProps {
 }
 
 export const AdminPage = () => {
-  const { isLoading, data } = useQueryGetSignUps();
   const [isNew, setIsNew] = useState(true);
+
   return (
     <Wrapper>
-      {!isLoading && data?.map((i, id) => <SignUpItem data={i} key={id} />)}
-      {!isLoading && data?.map((i, id) => <SignUpItem data={i} key={id} />)}
+      {isNew ? <SignUpItemListUncheck /> : <SignUpItemListCheck />}
       <ToggleButton onClick={() => setIsNew(!isNew)}>
         <ToggleButtonInner>
           <ButtonThumb isNew={isNew} />

src/components/adminPage/components/SignUpItemList.tsx

@@ -0,0 +1,14 @@
+import styled from "styled-components";
+import { useQueryGetSignUps } from "../../../hooks/query/adminSignUp/useQueryGetSignUps";
+import { SignUpItem } from "./SignUpItem";
+
+export const SignUpItemListCheck = () => {
+  const { isLoading, data } = useQueryGetSignUps(true);
+  return (
+    <>{!isLoading && data?.map((i, id) => <SignUpItem data={i} key={id} />)}</>
+  );
+};
+
+const Wrapper = styled.div`
+  display: flex;
+`;

src/components/adminPage/components/SignUpItemListUncheck.tsx

@@ -0,0 +1,14 @@
+import styled from "styled-components";
+import { useQueryGetSignUps } from "../../../hooks/query/adminSignUp/useQueryGetSignUps";
+import { SignUpItem } from "./SignUpItem";
+
+export const SignUpItemListUncheck = () => {
+  const { isLoading, data } = useQueryGetSignUps(false);
+  return (
+    <>{!isLoading && data?.map((i, id) => <SignUpItem data={i} key={id} />)}</>
+  );
+};
+
+const Wrapper = styled.div`
+  display: flex;
+`;

src/hooks/query/adminSignUp/useQueryGetSignUps.ts

@@ -10,9 +10,9 @@ export interface ResponseType {
   siteName: string;
 }
 
-export const useQueryGetSignUps = () => {
+export const useQueryGetSignUps = (isCheck: boolean) => {
   const load = useCallback(async () => {
-    const response = await AdminSignUpAPI.getSignUps();
+    const response = await AdminSignUpAPI.getSignUps(isCheck);
     const signUpsRes: ResponseType[] = [];
     response.content.map((i: ResponseType) => {
       signUpsRes.push({