import React, { FC } from "react";
import { IIssue } from "types";
import { IssueListItem } from "./item";
import { observer } from "mobx-react-lite";

export interface IIssueListView {
  issues: IIssue[] | null;
  groupId: string;
}

export const IssueListView: FC<IIssueListView> = observer((props) => {
  const { issues = [], groupId } = props;
  return <div>{issues && issues.map((issue) => <IssueListItem issue={issue} groupId={groupId} />)}</div>;
});