blog/frontend/src/lib/label/framework/ui/CompactLabel.tsx
SquidSpirit c2a26cac79
All checks were successful
Frontend CI / build (push) Successful in 1m46s
feat: ui implementation
2025-03-11 23:57:46 +08:00

17 lines
509 B
TypeScript

import LabelEntity from "@/lib/label/domain/labelEntity";
export default function CompactLabel({ labels }: { labels: LabelEntity[] }) {
function generateTitle(labels: LabelEntity[]): string {
return labels.map((e) => e.name).join("\n");
}
return (
<div
className="flex cursor-default flex-row items-center gap-x-1 rounded-full bg-gray-300 px-2 py-0.5"
title={generateTitle(labels)}
>
<span className="text-xs text-gray-800">{`${labels.length}+`}</span>
</div>
);
}