/* eslint-disable @typescript-eslint/no-explicit-any */ "use client"; import { Head, useForm, usePage } from "@inertiajs/react"; import { LoaderCircle } from "lucide-react"; import { GoogleReCaptchaProvider, useGoogleReCaptcha, } from "react-google-recaptcha-v3"; import logo from "../../../images/logo-white.png"; import TextLink from "@/components/text-link"; import InputError from "@/components/input-error"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Label } from "@/components/ui/label"; import { login } from "@/routes"; import styles from "./register.module.scss"; function RegisterForm() { const { appSettings } = usePage().props as any; const { executeRecaptcha, } = useGoogleReCaptcha(); const { data, setData, post, processing, errors, } = useForm({ email: "", recaptcha_token: "", } as any); const handleSubmit = async ( e: React.FormEvent ) => { e.preventDefault(); let token = ""; if ( appSettings.enable_recaptcha ) { if (!executeRecaptcha) { return; } token = await executeRecaptcha( "register" ); } setData((data: any) => ({ ...data, recaptcha_token: token, })); post(route("register.send-otp")); }; return ( <>
{/* Header */}
TraderPlus Sign In
{/* Content */}
GET STARTED

Create your account

Verify your email address to begin your registration.

setData( "email", e.target.value ) } />
Already have an account?{" "} Log in
); } export default function Register() { const { appSettings } = usePage().props as any; if ( !appSettings.enable_recaptcha ) { return ; } return ( ); }