import { Head, Link, router, useForm, 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 PostRow { id: number; body: string; author_name: string; author_role: string; created_at: string; is_first_post: boolean; can_delete: boolean; } interface ThreadData { id: number; title: string; slug: string; is_pinned: boolean; is_locked: boolean; category: { id: number; name: string; slug: string; admin_only_posting: boolean }; author_name: string; } const roleLabels: Record = { super_admin: 'Super Administrator', academic_admin: 'Academic Administrator', facilitator: 'Facilitator', assessor: 'Assessor', support_officer: 'Support Officer', finance_officer: 'Finance Officer', student: 'Student', }; export default function Thread({ thread, posts, canReply, canModerate, canDeleteThread, }: { thread: ThreadData; posts: PostRow[]; canReply: boolean; canModerate: boolean; canDeleteThread: boolean; }) { const { auth } = usePage().props; const { data, setData, post, processing, errors, reset } = useForm({ body: '' }); const submitReply = (e: React.FormEvent) => { e.preventDefault(); post(route('forum.posts.store', thread.slug), { onSuccess: () => reset('body') }); }; const deletePost = (postId: number) => { if (confirm('Delete this post?')) { router.delete(route('forum.posts.destroy', postId)); } }; const deleteThread = () => { if (confirm(`Delete the thread "${thread.title}"? This cannot be undone.`)) { router.delete(route('forum.threads.destroy', thread.slug)); } }; return (
← {thread.category.name}

{thread.title}

{thread.is_pinned && Pinned} {thread.is_locked && Locked}

Started by {thread.author_name}

{(canModerate || canDeleteThread) && (
{canModerate && ( <> )} {canDeleteThread && ( )}
)}
{posts.map((p) => (

{p.author_name}

{roleLabels[p.author_role] ?? p.author_role} · {p.created_at}

{p.can_delete && ( )}

{p.body}

 ))}
{thread.is_locked && (

This thread is locked and no longer accepting replies.

)} {!thread.is_locked && !auth?.user && (

Sign in {' '} to reply to this thread.

)} {!thread.is_locked && auth?.user && !canReply && (

Only administrators can post in this category.

)} {canReply && (