import { Head, useForm } from '@inertiajs/react'; import { Bell, Landmark, ShieldCheck, UserPlus, Wallet } from 'lucide-react'; import type { FormEvent } from 'react'; import { useState } from 'react'; import { ConfirmActionModal } from '@/components/confirm-action-modal'; import Heading from '@/components/heading'; import InputError from '@/components/input-error'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { Checkbox } from '@/components/ui/checkbox'; import { Label } from '@/components/ui/label'; type NotificationSettings = { notify_new_user_registered: boolean; notify_investment_pending: boolean; notify_withdrawal_requested: boolean; notify_kyc_submitted: boolean; }; type Props = { settings: NotificationSettings; }; function ToggleRow({ id, checked, onCheckedChange, title, description, icon: Icon, }: { id: keyof NotificationSettings; checked: boolean; onCheckedChange: (value: boolean) => void; title: string; description: string; icon: typeof Bell; }) { return (

onCheckedChange(value === true)} />

{title}

{description}

); } export default function NotificationSettings({ settings }: Props) { const form = useForm({ notify_new_user_registered: settings.notify_new_user_registered, notify_investment_pending: settings.notify_investment_pending, notify_withdrawal_requested: settings.notify_withdrawal_requested, notify_kyc_submitted: settings.notify_kyc_submitted, }); const [saveConfirmOpen, setSaveConfirmOpen] = useState(false); function submit(event: FormEvent) { event.preventDefault(); setSaveConfirmOpen(true); } function executeSave() { form.put('/admin/notificaciones', { preserveScroll: true, onFinish: () => setSaveConfirmOpen(false), }); } return ( <>

Notificaciones Los correos se envían a todas las cuentas con rol de administrador.

form.setData('notify_new_user_registered', value) } /> form.setData('notify_investment_pending', value) } /> form.setData('notify_withdrawal_requested', value) } /> form.setData('notify_kyc_submitted', value)} />

{form.isDirty ? 'Hay cambios sin guardar.' : 'Todos los cambios están guardados.'}

); } NotificationSettings.layout = { breadcrumbs: [ { title: 'Administración', href: '/admin' }, { title: 'Notificaciones', href: '/admin/notificaciones' }, ], };