import { Form, Head, Link } from '@inertiajs/react'; import { ArrowLeft, Save } from 'lucide-react'; import { useEffect } from 'react'; import { update as fichaUpdate } from '@/routes/ficha'; import { show as fichasRegistroShow } from '@/routes/fichas-registro'; import { CodigoInventario } from './components/CodigoInventario'; import { CodigoRegistro } from './components/CodigoRegistro'; import { SubmitButton } from './components/SubmitButton'; import MainLayout from './layouts/main'; import { toInputValue } from './lib/codigoInventario'; import { useCodigoCatastral } from './stores/useCodigoCatastral'; import type { CodigoInventarioState, FichaInventario, Registro } from './types'; type Props = { ficha: FichaInventario; registro: Registro; }; export default function FichaInventarioEdit({ ficha, registro }: Props) { const zona = useCodigoCatastral((s) => s.zona); const manzano = useCodigoCatastral((s) => s.manzano); const lote = useCodigoCatastral((s) => s.lote); const sublote = useCodigoCatastral((s) => s.sublote); const setCampo = useCodigoCatastral((s) => s.setCampo); const inicializar = useCodigoCatastral((s) => s.inicializar); const reset = useCodigoCatastral((s) => s.reset); useEffect(() => { inicializar({ zona: toInputValue(ficha.codigo_zona), manzano: toInputValue(ficha.codigo_manzano), lote: toInputValue(ficha.codigo_lote), sublote: toInputValue(ficha.codigo_sublote), }); return () => reset(); }, [ficha, inicializar, reset]); const codigo: CodigoInventarioState = { zona, manzano, lote, sublote, setZona: (value) => setCampo('zona', value), setManzano: (value) => setCampo('manzano', value), setLote: (value) => setCampo('lote', value), setSublote: (value) => setCampo('sublote', value), estaCompleto: [zona, manzano, lote].every( (segment) => segment.trim() !== '', ), }; return ( <>
Volver a ficha de registro

Editar ficha de inventario

{({ errors, processing }) => ( <>
Guardar cambios
)}
); } FichaInventarioEdit.layout = MainLayout;