[#47] Feat CheckSignUpPage

- DeleteSignUp useQuery 생성 및 연동

src/apis/controller/adminSignUp.api.ts

@@ -13,4 +13,8 @@ export const AdminSignUpAPI = {
     const response = await sendApi.put(`/orders/${id}/checked`);
     return response.data;
   },
+  deleteSignUp: async (id: number) => {
+    const response = await sendApi.delete(`/orders/${id}`);
+    return response.data;
+  },
 };

src/components/adminPage/components/ButtonForCheckOrDelete.tsx

@@ -1,14 +1,18 @@
 import styled from "styled-components";
+import { useMutationDeleteSignUp } from "../../../hooks/query/adminSignUp/useMutationDeleteSignUp";
 import { useMutationPutCheckSignUp } from "../../../hooks/query/adminSignUp/useMutationPutCheckSignUp";
 import { customColor } from "../../customColor";
 
 export const ButtonForCheckOrDelete = (props: {
   id: string | string[] | undefined;
 }) => {
   const mutationCheckSignUp = useMutationPutCheckSignUp(Number(props.id));
+  const mutationDeleteSignUp = useMutationDeleteSignUp(Number(props.id));
   return (
     <Wrapper>
-      <DeleteButton>신청취소</DeleteButton>
+      <DeleteButton onClick={() => mutationDeleteSignUp.mutate()}>
+        신청취소
+      </DeleteButton>
       <CheckButton onClick={() => mutationCheckSignUp.mutate()}>
         신청접수
       </CheckButton>

src/components/loginPage/LoginPage.tsx

@@ -55,7 +55,7 @@ export const LoginPage = () => {
         <br />
         다양한 서비스를 이용하세요
         <Logins>
-          <Link href="https://www.developorderservice.store/oauth2/authorization/kakao">
+          <Link href="http://www.developorderservice.store/oauth2/authorization/kakao">
             <KakaoLogin>
               <Image
                 src={"/img/login/kakaoLogin.png"}
@@ -65,7 +65,7 @@ export const LoginPage = () => {
               />
             </KakaoLogin>
           </Link>
-          <Link href="https://www.developorderservice.store/oauth2/authorization/google">
+          <Link href="http://www.developorderservice.store/oauth2/authorization/google">
             <GoogleLogin>
               <Image
                 src={"/img/login/google.png"}

src/hooks/query/adminSignUp/useMutationDeleteSignUp.ts

@@ -0,0 +1,20 @@
+import { useCallback } from "react";
+import { useMutation } from "react-query";
+import { AdminSignUpAPI } from "../../../apis/controller/adminSignUp.api";
+import Router from "next/router";
+
+export const useMutationDeleteSignUp = (id: number) => {
+  const load = useCallback(async () => {
+    const response = await AdminSignUpAPI.deleteSignUp(id);
+    return response;
+  }, [id]);
+
+  return useMutation("deleteOrder", load, {
+    onSuccess: (data) => {
+      Router.back();
+    },
+    onError: (error) => {
+      console.log(error);
+    },
+  });
+};

src/hooks/query/adminSignUp/useMutationPutCheckSignUp.ts

@@ -14,8 +14,8 @@ export const useMutationPutCheckSignUp = (id: number) => {
     onSuccess: (data) => {
       Router.back();
     },
-    onError: (error: any) => {
-      console.log("useMutationPutCheckSignUp 실패");
+    onError: (error) => {
+      console.log(error);
     },
   });
 };