Spaces:
Runtime error
Runtime error
| import { useEffect, useRef } from "react"; | |
| import { useNavigate } from "react-router-dom"; | |
| import { authApi, safeNext } from "../api/auth"; | |
| import { useAuth } from "../hooks/useAuth"; | |
| /** Landing spot for the Google redirect flow: swaps the one minute ticket in the URL fragment for a session. */ | |
| export default function AuthCallback() { | |
| const { complete } = useAuth(); | |
| const navigate = useNavigate(); | |
| const started = useRef(false); | |
| useEffect(() => { | |
| if (started.current) return; // StrictMode runs effects twice; redeem once | |
| started.current = true; | |
| const fragment = new URLSearchParams(window.location.hash.slice(1)); | |
| const ticket = fragment.get("ticket"); | |
| const next = safeNext(fragment.get("next")); | |
| window.history.replaceState(null, "", window.location.pathname); // keep the ticket out of history | |
| if (!ticket) { | |
| navigate("/auth", { replace: true }); | |
| return; | |
| } | |
| authApi | |
| .redeemTicket(ticket) | |
| .then((result) => { | |
| complete(result); | |
| navigate(result.created && !next.startsWith("/tools/") ? "/welcome" : next, { replace: true }); | |
| }) | |
| .catch(() => { | |
| const error = new URLSearchParams({ error: "Google sign in expired. Try again." }); | |
| navigate(`/auth#${error}`, { replace: true }); | |
| }); | |
| }, [complete, navigate]); | |
| return ( | |
| <div className="boot"> | |
| <div className="orbit-loader"> | |
| <span /> | |
| </div> | |
| </div> | |
| ); | |
| } | |