diff --git a/src/modules/dealModules/dealEditorTabs/FulfillmentBaseTab/components/ProductView/hooks/useProductServicesTableColumns.tsx b/src/modules/dealModules/dealEditorTabs/FulfillmentBaseTab/components/ProductView/hooks/useProductServicesTableColumns.tsx index d7850d6..f2b320d 100644 --- a/src/modules/dealModules/dealEditorTabs/FulfillmentBaseTab/components/ProductView/hooks/useProductServicesTableColumns.tsx +++ b/src/modules/dealModules/dealEditorTabs/FulfillmentBaseTab/components/ProductView/hooks/useProductServicesTableColumns.tsx @@ -1,8 +1,8 @@ import { useMemo } from "react"; -import { DataTableColumn } from "mantine-datatable"; -import { ProductServiceSchema } from "@/lib/client"; -import { ActionIcon, Flex, Tooltip } from "@mantine/core"; import { IconEdit, IconTrash } from "@tabler/icons-react"; +import { DataTableColumn } from "mantine-datatable"; +import { ActionIcon, Box, Flex, Text, Tooltip } from "@mantine/core"; +import { ProductServiceSchema } from "@/lib/client"; type Props = { data: ProductServiceSchema[]; @@ -11,7 +11,12 @@ type Props = { onDelete: (dealProductService: ProductServiceSchema) => void; }; -const useProductServicesTableColumns = ({ data, quantity, onChange, onDelete }: Props) => { +const useProductServicesTableColumns = ({ + data, + quantity, + onChange, + onDelete, +}: Props) => { const totalPrice = useMemo( () => data.reduce((acc, row) => acc + row.price * quantity, 0), [data, quantity] @@ -60,7 +65,13 @@ const useProductServicesTableColumns = ({ data, quantity, onChange, onDelete }: { accessor: "price", title: "Цена", - Footer: () => <>Итог: {totalPrice.toLocaleString("ru")}₽, + footer: ( + + + Итог: {totalPrice.toLocaleString("ru")}₽ + + + ), }, ] as DataTableColumn[], [totalPrice]