import { Form, Head, Link } from '@inertiajs/react'; import Heading from '@/components/heading'; import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { client, clients } from '@/routes/growth-score'; import type { ExternalCompany } from '@/types/growth-score'; type Props = { companies: ExternalCompany[]; search: string; backendConfigured: boolean; }; export default function ClientGrowthScore({ companies, search, backendConfigured, }: Props) { return ( <>

{!backendConfigured && ( Backend API is not configured Set MONILY_BACKEND_API_URL and MONILY_BACKEND_API_TOKEN to load live clients. )}

{companies.map((company) => ( ))} {companies.length === 0 && ( )}

Company	Source
{company.name}	{company.account_type === 'xero' ? 'Xero' : 'QuickBooks'}
No clients matched that search.

); } ClientGrowthScore.layout = { breadcrumbs: [ { title: 'Client Growth Score', href: clients(), }, ], };