import EssayTitleView from "@/app/[language]/forum/components/EssayTitleView"; import { EssayAPIEssay } from "@/type/wwwAPI"; import Link from "next/link"; import { Badge, ListGroup, ListGroupItemHeading } from "reactstrap"; export default function ForumItem({ forum: { forumID, title, essays }, }: { forum: { forumID: string; title: string; essays: EssayAPIEssay[]; }; }) { return ( <> <ListGroupItemHeading> <Link href={`/forum/${forumID}`}> <Badge>{title}</Badge> </Link> </ListGroupItemHeading> <ListGroup> {essays.map((essay) => ( <EssayTitleView forumID={forumID} key={essay.essayID} essay={essay} /> ))} </ListGroup> </> ); }