mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
7677f021a9
* chore: sidebar width reduced * chore: drag handler added to project sidebar and ui improvement * chore: label drag handler added
28 lines
620 B
TypeScript
28 lines
620 B
TypeScript
import { Component } from "lucide-react";
|
|
|
|
interface ILabelName {
|
|
name: string;
|
|
color: string;
|
|
isGroup: boolean;
|
|
}
|
|
|
|
export const LabelName = (props: ILabelName) => {
|
|
const { name, color, isGroup } = props;
|
|
|
|
return (
|
|
<div className="flex items-center gap-3">
|
|
{isGroup ? (
|
|
<Component className="h-3.5 w-3.5" color={color} />
|
|
) : (
|
|
<span
|
|
className="h-3.5 w-3.5 flex-shrink-0 rounded-full"
|
|
style={{
|
|
backgroundColor: color && color !== "" ? color : "#000",
|
|
}}
|
|
/>
|
|
)}
|
|
<h6 className="text-sm">{name}</h6>
|
|
</div>
|
|
);
|
|
};
|