import { usePrivy } from "@privy-io/react-auth"; import Head from "next/head"; import { useRouter } from "next/router"; import { SetStateAction, useEffect, useState } from "react"; export default function LoginComplete() { const [username, setUsername] = useState(""); const [error, setError] = useState(""); const {ready, user,authenticated} = usePrivy(); const router = useRouter(); const handleUsernameChange = (e: { target: { value: SetStateAction; }; }) => { setUsername(e.target.value); setError(""); }; useEffect(()=>{ if (ready && !authenticated) { router.push("/"); } },[ready, user]) const handleClaim = async () => { try { const response = await fetch( `https://vps.playpoolstudios.com/metahunt/api/web/validate_username.php?username=${username}` ); const data = await response.text(); if (data === "0") { await fetch( `https://vps.playpoolstudios.com/metahunt/api/web/set_username.php?id=${user?.id}&username=${username}` ); // Optionally, handle successful username set console.log("Username successfully set!"); router.push("/dashboard"); } else { setUsername(""); setError(`Sorry, ${username} is not available`); } } catch (error) { console.error("Error:", error); setError("An error occurred. Please try again."); } }; return ( <> Complete Login

Let's Complete your Login

Enter your unique username

{error &&

{error}

}
); }