権限分岐

1119 ワード

権限分岐


*ユーザー・サーバにログインしているユーザー/ログインしていないユーザーに権限を分割
*ユーザーEffectにaccessTokenがない場合は、「/login」画面を使用して権限を区切ります.
export default function QuizLoginSuccessPage() {
  const router = useRouter();
  const { data } = useQuery(FETCH_USER_LOGGED_IN);
  const { userInfo, setUserInfo, accessToken } = useContext(GlobalContext);
  useEffect(() => {
    if (userInfo.email) return;
    if (!accessToken) {
      router.push("/quiz/login");
      alert("로그인을 먼저 해주세요");
    }
    setUserInfo({
      name: data?.fetchUserLoggedIn.name,
      email: data?.fetchUserLoggedIn.email,
      picture: data?.fetchUserLoggedIn.picture,
    });
  }, []);
  return (
    <>
       <div>로그인에 성공하셨습니다!</div>
      {data?.fetchUserLoggedIn.name}님 환영합니다~
    </>
  );
}