- {/* FIXME: 수정 필요 */}
{isLoading ? (
-
loading...
+
+
+
+
+
) : classListData && isSuccess ? (
-
+
) : (
클래스가 존재하지 않습니다
)}
diff --git a/src/app/login/callback/page.tsx b/src/app/login/callback/page.tsx
new file mode 100755
index 0000000..363bc04
--- /dev/null
+++ b/src/app/login/callback/page.tsx
@@ -0,0 +1,55 @@
+"use client";
+
+import { useRouter, useSearchParams } from "next/navigation";
+
+import { ScaleLoader } from "react-spinners";
+import { toast } from "sonner";
+import { useEffect } from "react";
+import useGetLoginUserInfo from "@/features/login/api/useGetLoginUserInfo";
+import usePostKakaoCode from "@/features/login/api/usePostKakaoCode";
+
+const LoginCallbackPage = () => {
+ const router = useRouter();
+ const searchParams = useSearchParams();
+ const code = searchParams.get("code");
+ console.log(code);
+
+ const postKakaoCode = usePostKakaoCode();
+ const { data, isLoading, isSuccess } = useGetLoginUserInfo();
+
+ useEffect(() => {
+ if (code) {
+ postKakaoCode.mutate(
+ {
+ code: code,
+ },
+ {
+ onSuccess: () => {
+ // TODO: 로그인 유저 토큰 저장
+ // TODO: 로그인 유저 정보 저장(JUSTAND)
+ console.log("로그인 성공");
+ console.log(data);
+ // TODO: isNew 값에 따라 조건문 처리
+ toast("회원가입 / 로그인 성공", {
+ description:
+ "시ː니어를 위한 문화생활 플랫폼에 오신 걸 환영합니다!",
+ });
+ router.push("/signup");
+ },
+ onError: (err) => {
+ console.log("로그인 실패", err);
+ },
+ },
+ );
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [code]);
+
+ return (
+
+
+
+ );
+};
+
+export default LoginCallbackPage;
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 29453c1..cea6510 100755
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -1,3 +1,5 @@
+"use client";
+
import {
Button,
Tooltip,
@@ -7,38 +9,42 @@ import {
} from "@/shared/ui";
import Image from "next/image";
-import { RiKakaoTalkFill } from "react-icons/ri";
const LoginPage = () => {
+ const REST_API_KEY = process.env.NEXT_PUBLIC_KAKAO_REST_API_KEY;
+ const REDIRECT_URI = process.env.NEXT_PUBLIC_KAKAO_LOGIN_REDIRECT_URI;
+ const link = `https://kauth.kakao.com/oauth/authorize?client_id=${REST_API_KEY}&redirect_uri=${REDIRECT_URI}&response_type=code`;
+ const handleKakaoLogin = () => {
+ window.location.href = link;
+ };
+
return (
-
-
+
+
-
-
반가워요!
-
- 오늘부터 시ː작해요!
-
+
-
+ {/* TODO: TOOLTIP ARROW */}
+ {/* TODO: 카카오 색상으로 변경 */}