Merge pull request #241 from manNomi/refactor/login_page

refactor : login 페이지

Author: manNomi

public/svgs/auth/apple-logo.svg

@@ -1,6 +1,19 @@
+import IconAppleLogo from "./apple-logo.svg";
+import IconEmailIcon from "./email-icon.svg";
+import IconKakaoLogo from "./kakao-logo.svg";
 import IconPrepare1 from "./prepare-1.svg";
 import IconPrepare2 from "./prepare-2.svg";
 import IconPrepare3 from "./prepare-3.svg";
 import IconSignupProfileImage from "./signup-profile-image.svg";
 
-export { IconPrepare1, IconPrepare2, IconPrepare3, IconSignupProfileImage };
+export {
+  IconPrepare1,
+  IconPrepare2,
+  IconPrepare3,
+  IconSignupProfileImage,
+  IconKakaoLogo,
+  IconAppleLogo,
+  IconEmailIcon,
+};
+
+// Login page icons

public/svgs/auth/email-icon.svg

@@ -0,0 +1,58 @@
+import { useRouter } from "next/navigation";
+
+import { AxiosResponse } from "axios";
+
+import { publicAxiosInstance } from "@/utils/axiosInstance";
+
+import { setAccessToken } from "@/lib/zustand/useTokenStore";
+import { useMutation } from "@tanstack/react-query";
+
+// Apple
+export interface RegisteredAppleAuthResponse {
+  isRegistered: true;
+  accessToken: string;
+  refreshToken: string;
+}
+
+export interface UnregisteredAppleAuthResponse {
+  isRegistered: false;
+  nickname: null;
+  email: string;
+  profileImageUrl: null;
+  signUpToken: string;
+}
+
+interface AppleAuthRequest {
+  code: string;
+}
+
+type AppleAuthResponse = RegisteredAppleAuthResponse | UnregisteredAppleAuthResponse;
+
+const postAppleAuth = ({ code }: AppleAuthRequest): Promise<AxiosResponse<AppleAuthResponse>> =>
+  publicAxiosInstance.post("/auth/apple", { code });
+
+const usePostAppleAuth = () => {
+  const router = useRouter();
+
+  return useMutation({
+    mutationFn: postAppleAuth,
+    onSuccess: (response) => {
+      const { data } = response;
+
+      if (data.isRegistered) {
+        // 기존 회원일 시 - 토큰 저장하고 홈으로 이동
+        setAccessToken(data.accessToken);
+        router.push("/");
+      } else {
+        // 새로운 회원일 시 - 회원가입 페이지로 이동
+        router.push(`/sign-up?token=${data.signUpToken}`);
+      }
+    },
+    onError: (error) => {
+      alert("애플 로그인 중 오류가 발생했습니다. 다시 시도해주세요.");
+      router.push("/login");
+    },
+  });
+};
+
+export default usePostAppleAuth;

public/svgs/auth/index.ts

@@ -0,0 +1,30 @@
+import { AxiosResponse } from "axios";
+
+import { publicAxiosInstance } from "@/utils/axiosInstance";
+
+import { setAccessToken } from "@/lib/zustand/useTokenStore";
+import { useMutation } from "@tanstack/react-query";
+
+interface UsePostEmailSignInResponse {
+  accessToken: string;
+  refreshToken: string;
+}
+
+interface LoginRequest {
+  email: string;
+  password: string;
+}
+
+const postEmailAuth = ({ email, password }: LoginRequest): Promise<AxiosResponse<UsePostEmailSignInResponse>> =>
+  publicAxiosInstance.post("/auth/email/sign-in", { email, password });
+
+const usePostEmailAuth = () => {
+  return useMutation({
+    mutationFn: postEmailAuth,
+    onSuccess: (data) => {
+      const { accessToken } = data.data;
+      setAccessToken(accessToken);
+    },
+  });
+};
+export default usePostEmailAuth;

public/svgs/auth/kakao-logo.svg

@@ -0,0 +1,58 @@
+import { useRouter } from "next/navigation";
+
+import { AxiosResponse } from "axios";
+
+import { publicAxiosInstance } from "@/utils/axiosInstance";
+
+import { setAccessToken } from "@/lib/zustand/useTokenStore";
+import { useMutation } from "@tanstack/react-query";
+
+// Kakao
+interface RegisteredKakaoAuthResponse {
+  isRegistered: true;
+  accessToken: string;
+  refreshToken: string;
+}
+
+interface UnregisteredKakaoAuthReponse {
+  isRegistered: false;
+  nickname: string;
+  email: string;
+  profileImageUrl: string;
+  signUpToken: string;
+}
+
+interface KakaoAuthRequest {
+  code: string;
+}
+
+const postKakaoAuth = ({
+  code,
+}: KakaoAuthRequest): Promise<AxiosResponse<RegisteredKakaoAuthResponse | UnregisteredKakaoAuthReponse>> =>
+  publicAxiosInstance.post("/auth/kakao", { code });
+
+const usePostKakaoAuth = () => {
+  const router = useRouter();
+
+  return useMutation({
+    mutationFn: postKakaoAuth,
+    onSuccess: (response) => {
+      const { data } = response;
+
+      if (data.isRegistered) {
+        // 기존 회원일 시 - 토큰 저장하고 홈으로 이동
+        setAccessToken(data.accessToken);
+        router.push("/");
+      } else {
+        // 새로운 회원일 시 - 회원가입 페이지로 이동
+        router.push(`/sign-up?token=${data.signUpToken}`);
+      }
+    },
+    onError: (error) => {
+      alert("카카오 로그인 중 오류가 발생했습니다. 다시 시도해주세요.");
+      router.push("/login");
+    },
+  });
+};
+
+export default usePostKakaoAuth;