import PrimaryButton from '@/Components/PrimaryButton'; import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { PageProps } from '@/types'; import { Company, Paginated } from '@/types/crm'; import { Head, Link, router } from '@inertiajs/react'; import { FormEventHandler, useState } from 'react'; import CompanyEnrichmentDrawer from './Partials/CompanyEnrichmentDrawer'; type Props = PageProps<{ companies: Paginated; filters: { search: string; status: string; city: string; naf_code: string; }; statusLabels: Record; flash?: { success?: string | null; error?: string | null; }; }>; export default function Index({ companies, filters, statusLabels, flash }: Props) { const [localFilters, setLocalFilters] = useState(filters); const [selectedCompany, setSelectedCompany] = useState(null); const submit: FormEventHandler = (event) => { event.preventDefault(); router.get(route('companies.index'), localFilters, { preserveState: true, preserveScroll: true, }); }; const clearFilters = () => { const empty = { search: '', status: '', city: '', naf_code: '', }; setLocalFilters(empty); router.get(route('companies.index'), empty, { preserveState: true, preserveScroll: true, }); }; return (

Entreprises CRM

Import XLSX Nouvelle entreprise
} >
{flash?.success && (
{flash.success}
)}
setLocalFilters((previous) => ({ ...previous, search: event.target.value, })) } placeholder="Nom, ville, email, siret" className="rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500" /> setLocalFilters((previous) => ({ ...previous, city: event.target.value, })) } placeholder="Ville" className="rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500" /> setLocalFilters((previous) => ({ ...previous, naf_code: event.target.value, })) } placeholder="Code NAF" className="rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500" />
Filtrer
{companies.data.length === 0 && ( )} {companies.data.map((company) => ( ))}
Entreprise Localisation Contact Pipeline Suivi Actions
Aucune entreprise trouvee.

{company.siret ?? 'SIRET non renseigne'}

{(company.postal_code ?? '') + ' ' + (company.city ?? '')}

{company.email ?? '-'}

{company.phone_primary ?? '-'}

{statusLabels[company.status] ?? company.status}

Contacts: {company.contacts_count ?? 0}

Activites ouvertes:{' '} {company.open_activities_count ?? 0}

Voir Modifier
{companies.links.map((link, index) => (
{selectedCompany && ( setSelectedCompany(null)} /> )} ); }