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 (
    <ListGroup>
      <ListGroupItemHeading>
        <Link href={`/forum/${forumID}`}>
          <Badge>{title}</Badge>
        </Link>
      </ListGroupItemHeading>
      {essays.map((essay) => (
        <EssayTitleView forumID={forumID} key={essay.essayID} essay={essay} />
      ))}
    </ListGroup>
  );
}