21 lines
604 B
JavaScript
21 lines
604 B
JavaScript
import Icon from "@ant-design/icons";
|
|
import React from "react";
|
|
import { MdRemoveCircleOutline } from "react-icons/md";
|
|
|
|
export default function AllocationsLabelComponent({ allocation, handleClick }) {
|
|
return (
|
|
<div style={{ display: "flex", alignItems: "center" }}>
|
|
<span>
|
|
{`${allocation.employee.first_name || ""} ${
|
|
allocation.employee.last_name || ""
|
|
} (${allocation.hours || ""})`}
|
|
</span>
|
|
<Icon
|
|
style={{ color: "red", padding: "0px 4px" }}
|
|
component={MdRemoveCircleOutline}
|
|
onClick={handleClick}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|