Files
multica/packages/views/issues/components/status-heading.tsx
Naiyuan Qing b2fb39ed21 refactor(issues): flatten status group headers in list/board (#1783)
Drop the filled status chip (bg-warning/text-white etc.) from the
list/board column headers — StatusIcon already carries the semantic
color, so the chip duplicated it on the text background, and the
bg-muted variants were nearly invisible against the muted/40 row
background. Wrap the shared icon + label + count in a new StatusHeading
component used by both list-view and board-column.

Remove the now-unused badgeBg/badgeText fields from STATUS_CONFIG.

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-28 16:45:26 +08:00

23 lines
617 B
TypeScript

import type { IssueStatus } from "@multica/core/types";
import { STATUS_CONFIG } from "@multica/core/issues/config";
import { StatusIcon } from "./status-icon";
export function StatusHeading({
status,
count,
}: {
status: IssueStatus;
count: number;
}) {
const cfg = STATUS_CONFIG[status];
return (
<div className="flex items-center gap-2">
<span className="inline-flex items-center gap-1.5 text-xs font-semibold">
<StatusIcon status={status} className="h-3 w-3" />
{cfg.label}
</span>
<span className="text-xs text-muted-foreground">{count}</span>
</div>
);
}