import { FC } from "react"; import { observer } from "mobx-react-lite"; import { AlertCircle, SignalHigh, SignalMedium, SignalLow, Ban } from "lucide-react"; // components import { HeaderGroupByCard } from "./group-by-card"; import { HeaderSubGroupByCard } from "./sub-group-by-card"; export interface IPriorityHeader { column_id: string; column_value: any; sub_group_by: string | null; group_by: string | null; header_type: "group_by" | "sub_group_by"; issues_count: number; kanBanToggle: any; handleKanBanToggle: any; } const Icon = ({ priority }: any) => (
{priority === "urgent" ? (
) : priority === "high" ? (
) : priority === "medium" ? (
) : priority === "low" ? (
) : (
)}
); export const PriorityHeader: FC = observer((props) => { const { column_id, column_value, sub_group_by, group_by, header_type, issues_count, kanBanToggle, handleKanBanToggle, } = props; const priority = column_value || null; return ( <> {priority && (sub_group_by && header_type === "sub_group_by" ? ( } title={priority?.title || ""} count={issues_count} kanBanToggle={kanBanToggle} handleKanBanToggle={handleKanBanToggle} /> ) : ( } title={priority?.title || ""} count={issues_count} kanBanToggle={kanBanToggle} handleKanBanToggle={handleKanBanToggle} /> ))} ); });