Merge pull request #239 from SCBJ-7/feature/#236-render-token

[#236] 토큰 임시로 렌더링 되도록

src/pages/signInPage/SignIn.tsx

@@ -1,22 +1,24 @@
 import * as S from "./SignIn.style";
 import { useForm } from "react-hook-form";
-import { Link, useNavigate, useSearchParams } from "react-router-dom";
+import { Link } from "react-router-dom";
 import useToastConfig from "@hooks/common/useToastConfig";
-import { PATH } from "@constants/path";
+// import { PATH } from "@constants/path";
 import { useUserInfoStore } from "@/store/store";
 import { postLogin } from "@apis/fetchLogin";
 import { getMessaging, getToken } from "firebase/messaging";
 import { app } from "@/firebase";
+import { useState } from "react";
 
 type FormValues = {
   email: string;
   password: string;
 };
 
 const SignIn = () => {
-  const navigate = useNavigate();
-  const [searchParams] = useSearchParams();
-  const redirectUrl = searchParams.get("redirect");
+  const [token, SetToken] = useState("");
+  // const navigate = useNavigate();
+  // const [searchParams] = useSearchParams();
+  // const redirectUrl = searchParams.get("redirect");
   const { handleToast } = useToastConfig();
 
   const {
@@ -30,17 +32,17 @@ const SignIn = () => {
     },
   });
 
-  let fcmToken = "";
-
   const handleOnSubmit = async (data: FormValues) => {
     const { email, password } = data;
 
     const messaging = getMessaging(app);
 
-    fcmToken = await getToken(messaging, {
+    const fcmToken = await getToken(messaging, {
       vapidKey: import.meta.env.VITE_FIREBASE_VAPID,
     });
 
+    SetToken(fcmToken);
+
     await postLogin({ email, password, fcmToken })
       .then((loginData) => {
         const { memberResponse, tokenResponse } = loginData;
@@ -49,12 +51,12 @@ const SignIn = () => {
         // TODO: 임시로 localStorage에서 토큰 저장히지만 더 좋은 방법 찾기~!! 토스~!!
         localStorage.setItem("accessToken", tokenResponse.accessToken);
         localStorage.setItem("refreshToken", tokenResponse.refreshToken);
-        if (redirectUrl) {
-          navigate(redirectUrl, { replace: true });
-          return;
-        }
+        // if (redirectUrl) {
+        //   navigate(redirectUrl, { replace: true });
+        //   return;
+        // }
 
-        navigate(PATH.ROOT, { replace: true });
+        // navigate(PATH.ROOT, { replace: true });
       })
       .catch(() => {
         handleToast(false, [<>아이디 혹은 비밀번호를 확인해주세요</>]);
@@ -66,7 +68,7 @@ const SignIn = () => {
       <Link to="/">
         <S.SignInLogo />
       </Link>
-      <p>{fcmToken}</p>
+      <p>{token}</p>
       <S.SignInInputContainer>
         <S.SignInInputWrapper>
           <S.SignInInputTitle>이메일</S.SignInInputTitle>