import { FC } from "react"; import { observer } from "mobx-react-lite"; // components import { HeaderGroupByCard } from "./group-by-card"; import { Icon } from "./assignee"; import { EProjectStore } from "store/command-palette.store"; import { IIssue } from "types"; export interface ICreatedByHeader { column_id: string; column_value: any; issues_count: number; disableIssueCreation?: boolean; currentStore: EProjectStore; addIssuesToView?: (issueIds: string[]) => Promise; } export const CreatedByHeader: FC = observer((props) => { const { column_value, issues_count, disableIssueCreation, currentStore, addIssuesToView } = props; const createdBy = column_value ?? null; return ( <> {createdBy && ( } title={createdBy?.display_name || ""} count={issues_count} issuePayload={{ created_by: createdBy?.member?.id }} disableIssueCreation={disableIssueCreation} currentStore={currentStore} addIssuesToView={addIssuesToView} /> )} ); });