import { Head, Link, router } from '@inertiajs/react'; import HeadingSmall from '@/components/heading-small'; import AppLayout from '@/layouts/app-layout'; import { index, toggle } from '@/actions/App/Http/Controllers/Admin/IntegrationController'; import { index as settingsIndex } from '@/routes/admin/integrations/settings'; type Integration = { id: number; key: string; name: string; description: string | null; enabled: boolean; integration_logs_count: number; }; type Props = { integrations: Integration[]; }; const breadcrumbs = [{ title: 'Integrations', href: index.url() }]; export default function Integrations({ integrations }: Props) { return (

Integrations

{integrations.map((integration) => ( ))}
Name Key Description Log Entries Status
{integration.name} {integration.key} {integration.description ?? '—'} {integration.integration_logs_count} {integration.enabled ? 'Enabled' : 'Disabled'}
Settings
{integrations.length === 0 && (
No integrations configured yet.
)}
); }