import { Head, Link, useForm } from '@inertiajs/react'; import { ExternalLink, FileText } from 'lucide-react'; import type { FormEvent } from 'react'; import { useMemo, useState } from 'react'; import { ConfirmActionModal } from '@/components/confirm-action-modal'; import Heading from '@/components/heading'; import InputError from '@/components/input-error'; import { RichTextEditor } from '@/components/rich-text-editor'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { cn } from '@/lib/utils'; type LegalDocument = { key: string; title: string; body: string; href: string; }; type Props = { documents: LegalDocument[]; }; type FormData = { documents: LegalDocument[]; }; export default function LegalDocuments({ documents }: Props) { const form = useForm({ documents, }); const [activeKey, setActiveKey] = useState(documents[0]?.key ?? ''); const [saveConfirmOpen, setSaveConfirmOpen] = useState(false); const activeDocument = useMemo( () => form.data.documents.find( (document) => document.key === activeKey, ) ?? form.data.documents[0], [activeKey, form.data.documents], ); function updateDocument(key: string, patch: Partial) { form.setData( 'documents', form.data.documents.map((document) => document.key === key ? { ...document, ...patch } : document, ), ); } function submit(event: FormEvent) { event.preventDefault(); setSaveConfirmOpen(true); } function executeSave() { form.put('/admin/documentos-legales', { preserveScroll: true, onFinish: () => setSaveConfirmOpen(false), }); } return ( <>
{activeDocument ? ( ) : null}
Contenido legal El contenido se guarda como HTML saneado. Pega texto plano y usa la barra del editor para dar formato.
{form.data.documents.map((document) => ( ))}
{activeDocument ? (
updateDocument( activeDocument.key, { title: event.target .value, }, ) } /> document.key === activeDocument.key)}.title` ] } />
updateDocument( activeDocument.key, { body }, ) } /> document.key === activeDocument.key)}.body` ] } />
) : null}

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

); } LegalDocuments.layout = { breadcrumbs: [ { title: 'Administración', href: '/admin' }, { title: 'Documentos legales', href: '/admin/documentos-legales' }, ], };