import { FC } from "react"; import { observer } from "mobx-react-lite"; // components import { HeaderGroupByCard } from "./group-by-card"; // ui import { StateGroupIcon } from "@plane/ui"; // helpers import { capitalizeFirstLetter } from "helpers/string.helper"; import { EProjectStore } from "store/command-palette.store"; export interface IStateGroupHeader { column_id: string; column_value: any; issues_count: number; disableIssueCreation?: boolean; currentStore: EProjectStore; } export const Icon = ({ stateGroup, color }: { stateGroup: any; color?: any }) => (
); export const StateGroupHeader: FC = observer((props) => { const { column_value, issues_count, disableIssueCreation, currentStore } = props; const stateGroup = column_value ?? null; return ( <> {stateGroup && ( } title={capitalizeFirstLetter(stateGroup?.key) || ""} count={issues_count} issuePayload={{}} disableIssueCreation={disableIssueCreation} currentStore={currentStore} /> )} ); });