import React, { useEffect, useState } from 'react'; import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Head, usePage } from '@inertiajs/react'; import { Building, Search } from 'lucide-react'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'; import { Input } from '@/components/ui/input'; import NewWithModal from './NewWithModal'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Organizações', href: '/organizacoes' }, ]; export default function Index({ data }: any) { const { props } = usePage(); const flash = (props.flash as any) || {}; const [showFlash, setShowFlash] = useState(false); const [search, setSearch] = useState(''); useEffect(() => { if (flash.message) { setShowFlash(true); const timer = setTimeout(() => setShowFlash(false), 3000); return () => clearTimeout(timer); } }, [flash.message]); const filtered = data.filter((dt: any) => dt.name?.toLowerCase().includes(search.toLowerCase()) || dt.razao_social?.toLowerCase().includes(search.toLowerCase()) || dt.cnpj?.toLowerCase().includes(search.toLowerCase()) ); return ( {showFlash && (
{flash.message}
)}

Organizações

Gerencie as organizações cadastradas na plataforma.

Listagem
setSearch(e.target.value)} placeholder="Pesquisar organização..." className="pl-8 h-8 text-xs" />
ID Nome CNPJ Razão Social E-mail NF-e Cidade UF Criado em {filtered.map((dt: any) => ( {dt.id} {dt.name} {dt.cnpj || '—'} {dt.razao_social || '—'} {dt.email_nfe || '—'} {dt.city || '—'} {dt.state || '—'} {dt.created_at ? new Date(dt.created_at).toLocaleDateString('pt-BR', { day: '2-digit', month: 'short', year: 'numeric', }) : '—'} ))} {filtered.length === 0 && (

Nenhuma organização encontrada.

 )}
); }