import { Head, Link } from '@inertiajs/react'; import Heading from '@/components/heading'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { useTranslation } from '@/hooks/use-translation'; import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; interface Endpoint { method: string; path: string; summary: string; abilities: string[]; } interface Props { guide_html: string; endpoints: Endpoint[]; spec_url: string; version: string | null; } const METHOD_TONE: Record = { GET: 'text-emerald-700 dark:text-emerald-400', POST: 'text-violet-700 dark:text-violet-400', PATCH: 'text-amber-700 dark:text-amber-400', PUT: 'text-amber-700 dark:text-amber-400', DELETE: 'text-red-700 dark:text-red-400', }; export default function ApiDocs({ guide_html, endpoints, spec_url, version }: Props) { const { t } = useTranslation(); const breadcrumbs: BreadcrumbItem[] = [{ title: t('API'), href: '/api/docs' }]; return (

{version && v{version}}

{t('Endpoints')}

{endpoints.map((endpoint) => ( ))}

{t('Method')}	{t('Path')}	{t('Description')}	{t('Permissions')}
{endpoint.method}	{endpoint.path}	{endpoint.summary}	{endpoint.abilities.join(', ') \|\| '—'}

{/* * Rendered server-side from docs/api-guide.md, a file that * ships with the application — see ApiDocsController, which * converts it with HTML input escaped. */}

); }