crap

2024-04-12 07:35:41 +03:00
parent 9815ebbc3b
commit 2d1fdf1ad9
41 changed files with 1199 additions and 85 deletions
--- a/src/pages/LeadsPage/drawers/DealEditDrawer/tabs/DealEditDrawerGeneralTab.tsx
+++ b/src/pages/LeadsPage/drawers/DealEditDrawer/tabs/DealEditDrawerGeneralTab.tsx
@@ -0,0 +1,148 @@
+import {FC} from "react";
+import {useDealPageContext} from "../../../contexts/DealPageContext.tsx";
+import {Button, Checkbox, Fieldset, Flex, Group, rem, TextInput} from "@mantine/core";
+import {useForm} from "@mantine/form";
+import {ClientService, DealSchema, DealService} from "../../../../../client";
+import {DealStatus, DealStatusDictionary} from "../../../../../shared/enums/DealStatus.ts";
+import {isEqual} from "lodash";
+import {notifications} from "../../../../../shared/lib/notifications.ts";
+import {useQueryClient} from "@tanstack/react-query";
+
+type Props = {
+    deal: DealSchema
+}
+type FormType = Omit<DealSchema, 'statusHistory' | 'services' | 'products'>
+
+const Content: FC<Props> = ({deal}) => {
+    const {setSelectedDeal} = useDealPageContext();
+    const queryClient = useQueryClient();
+
+    const initialValues: FormType = deal;
+    const form = useForm<FormType>(
+        {
+            initialValues: initialValues,
+            validate: {
+                name: (value: string) => value.length > 0 ? null : 'Название сделки не может быть пустым'
+            }
+        }
+    )
+    const updateDealInfo = async (values: FormType) => {
+        return DealService.updateDealGeneralInfo({
+            requestBody: {
+                dealId: deal.id,
+                data: values
+            }
+        }).then(({ok, message}) => {
+            notifications.guess(ok, {message});
+            if (!ok) return;
+            DealService.getDealById({dealId: deal.id})
+                .then((data) => {
+                    setSelectedDeal(data);
+                    form.setInitialValues(data);
+                    queryClient.invalidateQueries({
+                        queryKey: ['getDealSummaries']
+                    })
+                })
+        });
+    }
+    const updateClientInfo = async (values: FormType) => {
+        return ClientService.updateClient({
+            requestBody: {
+                data: values.client
+            }
+        }).then(({ok, message}) =>
+            notifications.guess(ok, {message}));
+    }
+    const handleSubmit = async (values: FormType) => {
+        // Updating client info if there changes
+        if (!isEqual(values.client, deal.client)) {
+            await updateClientInfo(values);
+        }
+        // updating deal info
+        await updateDealInfo(values);
+    }
+    return (
+        <form onSubmit={form.onSubmit((values) => handleSubmit(values))}>
+            <Fieldset legend={"Общие параметры"}>
+                <Flex direction={"column"} gap={rem(10)}>
+                    <TextInput
+                        placeholder={"Название сделки"}
+                        label={"Название сделки"}
+                        {...form.getInputProps('name')}
+                    />
+                    <TextInput
+                        disabled
+                        placeholder={"Дата создания"}
+                        label={"Дата создания"}
+                        value={new Date(deal.createdAt).toLocaleString('ru-RU')}
+                    />
+                    <TextInput
+                        disabled
+                        placeholder={"Текущий статус"}
+                        label={"Текущий статус"}
+                        value={DealStatusDictionary[deal.currentStatus as DealStatus]}/>
+                    <Checkbox
+                        label={"Сделка завершена"}
+                        {...form.getInputProps('isCompleted')}
+                    />
+
+                    <Checkbox
+                        label={"Сделка удалена"}
+                        {...form.getInputProps('isDeleted')}
+                    />
+
+                </Flex>
+            </Fieldset>
+            <Fieldset legend={"Клиент"}>
+                <TextInput
+                    disabled
+                    placeholder={"Название"}
+                    label={"Название"}
+                    value={deal.client.name}
+                />
+                <TextInput
+                    placeholder={"Введите телефон"}
+                    label={"Телефон клиента"}
+                    {...form.getInputProps('client.details.phoneNumber')}
+                />
+                <TextInput
+                    placeholder={"Введите email"}
+                    label={"Email"}
+                    {...form.getInputProps('client.details.email')}
+                />
+                <TextInput
+                    placeholder={"Введите адрес"}
+                    label={"Адрес"}
+                    {...form.getInputProps('client.details.address')}
+                />
+                <TextInput
+                    placeholder={"Введите ИНН"}
+                    label={"ИНН"}
+                    {...form.getInputProps('client.details.inn')}
+                />
+            </Fieldset>
+            <Group justify={"flex-end"} mt={"md"}>
+                <Button
+                    color={"red"}
+                    type={"reset"}
+                    disabled={isEqual(initialValues, form.values)}
+                    onClick={() => form.reset()}
+                >Отменить изменения</Button>
+                <Button
+                    variant={"default"}
+                    type={"submit"}
+                    disabled={isEqual(initialValues, form.values)}
+                >Сохранить изменения</Button>
+            </Group>
+        </form>
+
+    )
+}
+const DealEditDrawerGeneralTab: FC = () => {
+    const {selectedDeal} = useDealPageContext();
+    if (!selectedDeal) return <>No deal selected</>;
+    return (
+        <Content deal={selectedDeal}/>
+    );
+}
+export default DealEditDrawerGeneralTab;