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>
    </>
  );
}