[#47] Feat CheckSignUpPage

- 진행중인 SignUps도 삭제가능
- 이중 체크를 위한 modal추가

src/components/adminPage/AdminDetailPage.tsx

@@ -41,7 +41,7 @@ export const AdminDetailPage = () => {
           isLoading={isLoading}
         />
       </WrapperInner>
-      {isNew && <ButtonForCheckOrDelete id={id} />}
+      <ButtonForCheckOrDelete id={id} isNew={isNew} />
     </Wrapper>
   );
 };

src/components/adminPage/components/ButtonForCheckOrDelete.tsx

@@ -1,21 +1,48 @@
+import { useState } from "react";
 import styled from "styled-components";
 import { useMutationDeleteSignUp } from "../../../hooks/query/adminSignUp/useMutationDeleteSignUp";
 import { useMutationPutCheckSignUp } from "../../../hooks/query/adminSignUp/useMutationPutCheckSignUp";
 import { customColor } from "../../customColor";
+import { Modal } from "../../modal/modal";
 
 export const ButtonForCheckOrDelete = (props: {
   id: string | string[] | undefined;
+  isNew: boolean;
 }) => {
   const mutationCheckSignUp = useMutationPutCheckSignUp(Number(props.id));
   const mutationDeleteSignUp = useMutationDeleteSignUp(Number(props.id));
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [isSubmit, setIsSubmit] = useState(false);
   return (
     <Wrapper>
-      <DeleteButton onClick={() => mutationDeleteSignUp.mutate()}>
+      <Modal
+        content={isSubmit ? "" : "발주신청을 취소하시겠습니까?"}
+        isOpen={isModalOpen}
+        closeModal={() => setIsModalOpen(false)}
+        yesEventFunc={() =>
+          isSubmit
+            ? mutationCheckSignUp.mutate()
+            : mutationDeleteSignUp.mutate()
+        }
+      />
+      <DeleteButton
+        onClick={() => {
+          setIsSubmit(false);
+          setIsModalOpen(true);
+        }}
+      >
         신청취소
       </DeleteButton>
-      <CheckButton onClick={() => mutationCheckSignUp.mutate()}>
-        신청접수
-      </CheckButton>
+      {props.isNew && (
+        <CheckButton
+          onClick={() => {
+            setIsSubmit(false);
+            setIsModalOpen(true);
+          }}
+        >
+          신청접수
+        </CheckButton>
+      )}
     </Wrapper>
   );
 };