import { Form, Head, usePage } from "@inertiajs/react"; import { Link } from "@inertiajs/react"; import ProfileController from "@/actions/App/Http/Controllers/Settings/ProfileController"; import Heading from "@/components/heading"; 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 { edit } from "@/routes/profile"; import type { Auth } from "@/types"; import { send } from "@/routes/verification"; import { useI18n } from "@/lib/i18n"; type PageProps = { auth: Auth; }; export default function Profile({ mustVerifyEmail, status, }: { mustVerifyEmail: boolean; status?: string; }) { const { t } = useI18n(); const { auth } = usePage().props; return ( <>

{t("Profile settings")}

{({ processing, errors }) => ( <>

{t("Name")}

{t("Email address")}

{mustVerifyEmail && auth.user.email_verified_at === null && (

{t("Your email address is unverified.")}{" "} {t("Click here to re-send the verification email.")}

{status === "verification-link-sent" && (

{t("A new verification link has been sent to your email address.")}

)}

{/* */} ); } Profile.layout = { breadcrumbs: [ { title: "Profile settings", href: edit(), }, ], };