import { Form, Head } from '@inertiajs/react'; import IntegrationController from '@/actions/App/Http/Controllers/Settings/IntegrationController'; import Heading from '@/components/heading'; import InputError from '@/components/input-error'; import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'; import { Button } from '@/components/ui/button'; import { Label } from '@/components/ui/label'; import { edit as editIntegrations } from '@/routes/integrations'; import type { ExternalCompany } from '@/types/growth-score'; type Props = { company: { id: number; name: string; external_company_id: string | null; external_account_type: string | null; } | null; companies: ExternalCompany[]; backendConfigured: boolean; }; export default function Integrations({ company, companies, backendConfigured, }: Props) { const selectedId = company?.external_company_id ? `${company.external_account_type}:${company.external_company_id}` : ''; return ( <>

Integrations

{!company && ( No company on this account A default company is required before you can save a connection. )} {!backendConfigured && ( Backend API is not configured Set MONILY_BACKEND_API_URL and MONILY_BACKEND_API_TOKEN to load the client list. )} {company && (
{({ processing, errors }) => ( <>
)}
)}
); } Integrations.layout = { breadcrumbs: [ { title: 'Integrations', href: editIntegrations(), }, ], };