import { Transition } from '@headlessui/react'; import { Form, Head, Link, usePage } from '@inertiajs/react'; import ProfileController from '@/actions/App/Http/Controllers/Settings/ProfileController'; import DeleteUser from '@/components/delete-user'; import Heading from '@/components/heading'; import InputError from '@/components/input-error'; import { useClipboard } from '@/hooks/use-clipboard'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { edit } from '@/routes/profile'; import { send } from '@/routes/verification'; export default function Profile({ mustVerifyEmail, status, hasApiKey, generatedApiKey, }: { mustVerifyEmail: boolean; status?: string; hasApiKey: boolean; generatedApiKey: string | null; }) { const { auth } = usePage().props; const [copiedText, copyToClipboard] = useClipboard(); return ( <>

Profile settings

{({ processing, recentlySuccessful, errors }) => ( <>
{mustVerifyEmail && auth.user.email_verified_at === null && (

Your email address is unverified.{' '} Click here to resend the verification email.

{status === 'verification-link-sent' && (
A new verification link has been sent to your email address.
)}
)}

Saved

)}

{hasApiKey ? 'You already have an active API key.' : 'No API key has been generated yet.'}

{({ processing }) => ( )}
{generatedApiKey && (

New key (shown once)

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