feat: services kit and copy

2024-08-06 04:55:24 +03:00
parent 4ad843e465
commit 925f1b4407
33 changed files with 844 additions and 40 deletions
--- a/src/pages/LeadsPage/modals/SelectDealProductsModal.tsx
+++ b/src/pages/LeadsPage/modals/SelectDealProductsModal.tsx
@@ -0,0 +1,64 @@
+import {DealProductSchema} from "../../../client";
+import {ContextModalProps} from "@mantine/modals";
+import {Button, Flex, rem} from "@mantine/core";
+import {useState} from "react";
+import ObjectMultiSelect from "../../../components/ObjectMultiSelect/ObjectMultiSelect.tsx";
+import {notifications} from "../../../shared/lib/notifications.ts";
+
+type Props = {
+    dealProducts: DealProductSchema[];
+    dealProduct: DealProductSchema;
+    onSelect: (
+        sourceProduct: DealProductSchema,
+        destinationProducts: DealProductSchema[]
+    ) => void
+}
+
+const SelectDealProductsModal = ({
+                                     context,
+                                     id,
+                                     innerProps
+                                 }: ContextModalProps<Props>) => {
+    const [dealProducts, setDealProducts] = useState<DealProductSchema[]>([]);
+    const onSelectClick = () => {
+        if (!dealProducts) {
+            notifications.error({message: "Выберите товары на которые необходимо продублировать услуги"});
+            return;
+        }
+        innerProps.onSelect(innerProps.dealProduct, dealProducts);
+        context.closeContextModal(id);
+    }
+    return (
+        <Flex direction={"column"} gap={rem(10)}>
+            <Flex>
+                <ObjectMultiSelect<DealProductSchema>
+                    w={"100%"}
+                    label={"Товары"}
+                    placeholder={"Выберите товары на которые нужно продублировать услуги"}
+                    onChange={setDealProducts}
+                    value={dealProducts}
+                    data={innerProps.dealProducts}
+                    getLabelFn={item => item.product.name}
+                    getValueFn={item => item.product.id.toString()}
+                    filterBy={item => item !== innerProps.dealProduct}
+                />
+            </Flex>
+            <Flex gap={rem(10)} justify={"flex-end"}>
+                <Button
+                    variant={"subtle"}
+                    onClick={() => context.closeContextModal(id)}
+                >
+                    Отменить
+                </Button>
+                <Button
+                    onClick={onSelectClick}
+                    variant={"default"}
+                >
+                    Продублировать
+                </Button>
+            </Flex>
+        </Flex>
+    )
+}
+
+export default SelectDealProductsModal;