import DeleteUser from '@/components/delete-user'; import InputError from '@/components/input-error'; import SettingsLayout from '@/layouts/settings/layout'; import { type SharedData } from '@/types'; import { Transition } from '@headlessui/react'; import { Head, Link, useForm, usePage } from '@inertiajs/react'; import { Check, Mail, User } from 'lucide-react'; import { FormEventHandler } from 'react'; export default function Profile({ mustVerifyEmail, status }: { mustVerifyEmail: boolean; status?: string }) { const { auth } = usePage().props; const { data, setData, patch, errors, processing, recentlySuccessful } = useForm({ name: auth.user.name, email: auth.user.email, }); const submit: FormEventHandler = (e) => { e.preventDefault(); patch(route('profile.update')); }; return (

Profil-Informationen

Aktualisiere deinen Benutzernamen und deine primäre E-Mail-Adresse.

{/* Name */}
setData('name', e.target.value)} required autoComplete="name" placeholder="Dein Name" className="w-full bg-[#050203] border border-[#36131b] rounded-xl px-4 py-2.5 text-xs text-white outline-none focus:border-red-500 font-medium" />
{/* Email */}
setData('email', e.target.value)} required autoComplete="username" placeholder="deine.email@domain.de" className="w-full bg-[#050203] border border-[#36131b] rounded-xl px-4 py-2.5 text-xs text-white outline-none focus:border-red-500 font-medium" />
{mustVerifyEmail && auth.user.email_verified_at === null && (

Deine E-Mail-Adresse ist noch nicht verifiziert.{' '} Bestätigungs-Link erneut senden.

{status === 'verification-link-sent' && (
✓ Ein neuer Verifizierungslink wurde an deine E-Mail gesendet.
)}
)}
Gespeichert!
); }