packages/components/containers/labels/LabelSortableItem.tsx

   1 import Icon from '@proton/components/components/icon/Icon';
   2 import OrderableTableRow from '@proton/components/components/orderableTable/OrderableTableRow';
   3 import type { Label } from '@proton/shared/lib/interfaces/Label';
   4
   5 import ActionsLabel from './ActionsLabel';
   6
   7 interface Props {
   8     label: Label;
   9     index: number;
  10 }
  11
  12 function LabelItem({ label, ...rest }: Props) {
  13     const { Name, Color } = label;
  14
  15     return (
  16         <OrderableTableRow
  17             cells={[
  18                 <div key="label" className="flex flex-nowrap">
  19                     <Icon name="tag" style={{ fill: Color }} className="icon-size-4 shrink-0 mr-4 my-auto" />
  20                     <span className="text-ellipsis" title={Name} data-testid="folders/labels:item-name">
  21                         {Name}
  22                     </span>
  23                 </div>,
  24                 <ActionsLabel key="actions" label={label} />,
  25             ]}
  26             {...rest}
  27         />
  28     );
  29 }
  30
  31 export default LabelItem;