import { Head, Link, usePage } from '@inertiajs/react'; import PublicLayout from '@/Layouts/PublicLayout'; import Card from '@/Components/UI/Card'; import Badge from '@/Components/UI/Badge'; import Button from '@/Components/UI/Button'; import { PageProps } from '@/types'; interface ThreadRow { id: number; title: string; slug: string; is_pinned: boolean; is_locked: boolean; author_name: string; posts_count: number; last_activity_at: string | null; } interface CategoryData { id: number; name: string; slug: string; description: string | null; admin_only_posting: boolean; } export default function Category({ category, threads }: { category: CategoryData; threads: ThreadRow[] }) { const { auth } = usePage().props; const canStartThread = auth?.user && (!category.admin_only_posting || auth.user.role === 'super_admin' || auth.user.role === 'academic_admin'); return (
← All Categories

{category.name}

{category.description && (

{category.description}

)}
{canStartThread && ( )}
{!auth?.user && (

Sign in {' '} to start a thread.

)} {threads.map((thread) => ( ))} {threads.length === 0 && ( )}
Thread Started By Replies Last Activity
{thread.title}
{thread.is_pinned && Pinned} {thread.is_locked && Locked}
{thread.author_name} {thread.posts_count - 1} {thread.last_activity_at}
No threads yet in this category.
); }