// components import { ProjectHeader } from "./project"; import { StateHeader } from "./state"; import { StateGroupHeader } from "./state-group"; import { AssigneesHeader } from "./assignee"; import { PriorityHeader } from "./priority"; import { LabelHeader } from "./label"; import { CreatedByHeader } from "./created_by"; // mobx import { observer } from "mobx-react-lite"; export interface IKanBanGroupByHeaderRoot { column_id: string; column_value: any; sub_group_by: string | null; group_by: string | null; issues_count: number; kanBanToggle: any; handleKanBanToggle: any; } export const KanBanGroupByHeaderRoot: React.FC<IKanBanGroupByHeaderRoot> = observer( ({ column_id, column_value, sub_group_by, group_by, issues_count, kanBanToggle, handleKanBanToggle }) => ( <> {group_by && group_by === "project" && ( <ProjectHeader column_id={column_id} column_value={column_value} sub_group_by={sub_group_by} group_by={group_by} header_type={`group_by`} issues_count={issues_count} kanBanToggle={kanBanToggle} handleKanBanToggle={handleKanBanToggle} /> )} {group_by && group_by === "state" && ( <StateHeader column_id={column_id} column_value={column_value} sub_group_by={sub_group_by} group_by={group_by} header_type={`group_by`} issues_count={issues_count} kanBanToggle={kanBanToggle} handleKanBanToggle={handleKanBanToggle} /> )} {group_by && group_by === "state_detail.group" && ( <StateGroupHeader column_id={column_id} column_value={column_value} sub_group_by={sub_group_by} group_by={group_by} header_type={`group_by`} issues_count={issues_count} kanBanToggle={kanBanToggle} handleKanBanToggle={handleKanBanToggle} /> )} {group_by && group_by === "priority" && ( <PriorityHeader column_id={column_id} column_value={column_value} sub_group_by={sub_group_by} group_by={group_by} header_type={`group_by`} issues_count={issues_count} kanBanToggle={kanBanToggle} handleKanBanToggle={handleKanBanToggle} /> )} {group_by && group_by === "labels" && ( <LabelHeader column_id={column_id} column_value={column_value} sub_group_by={sub_group_by} group_by={group_by} header_type={`group_by`} issues_count={issues_count} kanBanToggle={kanBanToggle} handleKanBanToggle={handleKanBanToggle} /> )} {group_by && group_by === "assignees" && ( <AssigneesHeader column_id={column_id} column_value={column_value} sub_group_by={sub_group_by} group_by={group_by} header_type={`group_by`} issues_count={issues_count} kanBanToggle={kanBanToggle} handleKanBanToggle={handleKanBanToggle} /> )} {group_by && group_by === "created_by" && ( <CreatedByHeader column_id={column_id} column_value={column_value} sub_group_by={sub_group_by} group_by={group_by} header_type={`group_by`} issues_count={issues_count} kanBanToggle={kanBanToggle} handleKanBanToggle={handleKanBanToggle} /> )} </> ) );