import { AlertTriangle, Loader2 } from 'lucide-react'; import { toast } from 'sonner'; import { Head, useForm } from '@inertiajs/react'; import EditorialPageHeader from '@/Components/layout/EditorialPageHeader'; import { TimezoneSelector } from '@/Components/settings/TimezoneSelector'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card'; import { Label } from '@/Components/ui/label'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/Components/ui/select'; import { useTimezone } from '@/hooks/useTimezone'; import DashboardLayout from '@/Layouts/DashboardLayout'; import { couldnt } from '@/lib/messages'; import DeleteUserForm from './Partials/DeleteUserForm'; import UpdatePasswordForm from './Partials/UpdatePasswordForm'; import UpdateProfileInformationForm from './Partials/UpdateProfileInformationForm'; interface EditProps { mustVerifyEmail: boolean; status?: string; timezone?: string; email_frequency_preference?: string; } export default function Edit({ mustVerifyEmail, status, timezone: initialTimezone, email_frequency_preference: initialFrequency, }: EditProps) { const { timezone, setTimezone: saveTimezone, isSaving, } = useTimezone({ initialTimezone, }); const { data: frequencyData, setData: setFrequencyData, patch: patchFrequency, processing: savingFrequency, } = useForm({ email_frequency_preference: initialFrequency || 'weekly', }); const handleTimezoneChange = async (newTimezone: string) => { const success = await saveTimezone(newTimezone); if (success) { toast.success('Timezone updated.'); } else { toast.error(couldnt('update', 'timezone')); } }; const handleFrequencyChange = (value: string) => { setFrequencyData('email_frequency_preference', value); patchFrequency(route('profile.update'), { onSuccess: () => { toast.success('Email frequency preference updated.'); }, onError: () => { toast.error(couldnt('update', 'preference')); }, }); }; return (
Profile Information Update your name, email, and account details. Preferences Customize your display, regional, and email notification settings.

All dates and times will be displayed in your selected timezone.

{isSaving && (
Saving...
)}

Control how often you receive general lifecycle email notifications (onboarding tips, re-engagement, feature updates, milestones). Site-specific digest settings are configured separately.

{savingFrequency && (
Saving...
)}
Update Password Use a strong password to keep your account secure.
Danger Zone Irreversible actions that will permanently affect your account.

Delete Account

Permanently delete your account and all data. This cannot be undone.

); }