import { Form, Head, Link } from '@inertiajs/react'; import { ArrowLeft, Save } from 'lucide-react'; import { useEffect } from 'react'; import { store } 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 { isNumericSigno, toInputValue } from './lib/codigoInventario'; import { useCodigoCatastral } from './stores/useCodigoCatastral'; import type { CodigoInventarioState, Registro } from './types'; type Props = { registro: Registro; }; export default function FichaInventarioCreate({ 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(registro.codigo_zona), manzano: toInputValue(registro.codigo_manzano), lote: toInputValue(registro.codigo_lote), sublote: toInputValue( isNumericSigno(registro.codigo_signo) ? registro.codigo_signo : '', ), }); return () => reset(); }, [registro, 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

Crear ficha de inventario

{({ errors, processing }) => ( <>
Crear ficha
)}
); } FichaInventarioCreate.layout = MainLayout;