import { Head, Link, router } from '@inertiajs/react'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import type { KnowledgeBaseArticle, PaginatedData } from '@/types'; type Props = { articles: PaginatedData }; export default function KnowledgeBaseIndex({ articles }: Props) { return ( <>

Knowledge Base

{articles.data.map((article) => ( router.visit( `/admin/knowledge-base/${article.id}`, ) } > ))} {articles.data.length === 0 && ( )}
Title System Category Published Tags Actions
{article.title} {article.system?.name ?? '—'} {article.category?.name ?? '—'} {article.is_published ? 'Yes' : 'Draft'} {article.tags?.map((t) => ( {t} ))} e.stopPropagation()} >
No articles found.
{articles.last_page > 1 && (
{articles.prev_page_url && ( )} Page {articles.current_page} of {articles.last_page} {articles.next_page_url && ( )}
)}
); }