feat: projects and boards

src/pages/DealsPage/tabs/EmployeesTab/components/EmployeesTable.tsx

@@ -0,0 +1,42 @@
+import { useDealPageContext } from "../../../contexts/DealPageContext.tsx";
+import { BaseTable } from "../../../../../components/BaseTable/BaseTable.tsx";
+import useEmployeeTableColumns from "../hooks/useEmployeesTableColumns.tsx";
+import { ActionIcon, Flex, Tooltip } from "@mantine/core";
+import { IconTrash } from "@tabler/icons-react";
+import { MRT_TableOptions } from "mantine-react-table";
+import { DealEmployeesSchema } from "../../../../../client";
+import useEmployeesTab from "../hooks/useEmployeesTab.tsx";
+
+
+const EmployeesTable = () => {
+    const { selectedDeal: deal } = useDealPageContext();
+    const columns = useEmployeeTableColumns();
+    const { onUnassignEmployeeClick } = useEmployeesTab();
+
+    return (
+        <BaseTable
+            data={deal?.employees}
+            columns={columns}
+            restProps={
+                {
+                    enableSorting: false,
+                    enableColumnActions: false,
+                    enableRowActions: true,
+                    renderRowActions: ({ row }) => (
+                        <Flex gap="md">
+                            <Tooltip label="Удалить">
+                                <ActionIcon
+                                    onClick={() => onUnassignEmployeeClick(row.original)}
+                                    variant={"default"}>
+                                    <IconTrash />
+                                </ActionIcon>
+                            </Tooltip>
+                        </Flex>
+                    ),
+                } as MRT_TableOptions<DealEmployeesSchema>
+            }
+        />
+    );
+};
+
+export default EmployeesTable;