feat: prettier

src/pages/LeadsPage/drawers/DealEditDrawer/DealEditDrawer.tsx

@@ -2,7 +2,11 @@ import { Box, Drawer, rem, Tabs, Text } from "@mantine/core";
 import { FC, useEffect, useRef } from "react";
 import DealServicesTable from "../../components/DealServicesTable/DealServicesTable.tsx";
 import { useDealPageContext } from "../../contexts/DealPageContext.tsx";
-import { DealProductSchema, DealService, DealServiceSchema } from "../../../../client";
+import {
+    DealProductSchema,
+    DealService,
+    DealServiceSchema,
+} from "../../../../client";
 import { notifications } from "../../../../shared/lib/notifications.ts";
 import { modals } from "@mantine/modals";
 import { BaseTableRef } from "../../../../components/BaseTable/BaseTable.tsx";
@@ -27,13 +31,13 @@ const useDealServicesTableState = () => {
                 service,
             },
         }).then(async ({ ok, message }) => {
-
             if (!ok) {
                 notifications.guess(ok, { message });
                 return;
             }
-            await DealService.getDealById({ dealId: selectedDeal.id })
-                .then(setSelectedDeal);
+            await DealService.getDealById({ dealId: selectedDeal.id }).then(
+                setSelectedDeal
+            );
         });
     };
     const onServiceDelete = (service: DealServiceSchema) => {
@@ -42,15 +46,9 @@ const useDealServicesTableState = () => {
             title: "Удаление услуги",
             children: (
                 <>
-                    <Text>
-                        Вы уверены, что хотите удалить услугу:
-                    </Text>
-                    <Text>
-                        {service.service.name}?
-                    </Text>
-
+                    <Text>Вы уверены, что хотите удалить услугу:</Text>
+                    <Text>{service.service.name}?</Text>
                 </>
-
             ),
             onConfirm: () => {
                 DealService.deleteDealService({
@@ -63,8 +61,9 @@ const useDealServicesTableState = () => {
                         notifications.guess(ok, { message });
                         return;
                     }
-                    await DealService.getDealById({ dealId: selectedDeal.id })
-                        .then(setSelectedDeal);
+                    await DealService.getDealById({
+                        dealId: selectedDeal.id,
+                    }).then(setSelectedDeal);
                 });
             },
             labels: {
@@ -87,8 +86,9 @@ const useDealServicesTableState = () => {
                 notifications.guess(ok, { message });
                 return;
             }
-            await DealService.getDealById({ dealId: selectedDeal.id })
-                .then(setSelectedDeal);
+            await DealService.getDealById({ dealId: selectedDeal.id }).then(
+                setSelectedDeal
+            );
         });
     };
     const onsServiceMultipleDelete = (items: DealServiceSchema[]) => {
@@ -113,8 +113,9 @@ const useDealServicesTableState = () => {
                         notifications.guess(ok, { message });
                         return;
                     }
-                    await DealService.getDealById({ dealId: selectedDeal.id })
-                        .then(setSelectedDeal);
+                    await DealService.getDealById({
+                        dealId: selectedDeal.id,
+                    }).then(setSelectedDeal);
                 });
             },
             labels: {
@@ -143,14 +144,16 @@ const DealEditDrawerServicesTable = () => {
         onsServiceMultipleDelete,
     } = useDealServicesTableState();
 
-    return (<DealServicesTable
-        tableRef={tableRef}
-        items={services}
-        onChange={onServiceUpdate}
-        onDelete={onServiceDelete}
-        onCreate={onServiceCreate}
-        onMultipleDelete={onsServiceMultipleDelete}
-    />);
+    return (
+        <DealServicesTable
+            tableRef={tableRef}
+            items={services}
+            onChange={onServiceUpdate}
+            onDelete={onServiceDelete}
+            onCreate={onServiceCreate}
+            onMultipleDelete={onsServiceMultipleDelete}
+        />
+    );
 };
 
 const useDealProductTableState = () => {
@@ -166,8 +169,9 @@ const useDealProductTableState = () => {
         }).then(async ({ ok, message }) => {
             notifications.guess(ok, { message });
             if (!ok) return;
-            await DealService.getDealById({ dealId: selectedDeal.id })
-                .then(setSelectedDeal);
+            await DealService.getDealById({ dealId: selectedDeal.id }).then(
+                setSelectedDeal
+            );
         });
     };
     const onProductDelete = (product: DealProductSchema) => {
@@ -176,15 +180,9 @@ const useDealProductTableState = () => {
             title: "Удаление товара",
             children: (
                 <>
-                    <Text>
-                        Вы уверены, что хотите удалить товар:
-                    </Text>
-                    <Text>
-                        {product.product.name}?
-                    </Text>
-
+                    <Text>Вы уверены, что хотите удалить товар:</Text>
+                    <Text>{product.product.name}?</Text>
                 </>
-
             ),
             onConfirm: () => {
                 DealService.deleteDealProduct({
@@ -197,8 +195,9 @@ const useDealProductTableState = () => {
                         notifications.guess(ok, { message });
                         return;
                     }
-                    await DealService.getDealById({ dealId: selectedDeal.id })
-                        .then(setSelectedDeal);
+                    await DealService.getDealById({
+                        dealId: selectedDeal.id,
+                    }).then(setSelectedDeal);
                 });
             },
             labels: {
@@ -219,8 +218,9 @@ const useDealProductTableState = () => {
                 notifications.guess(ok, { message });
                 return;
             }
-            await DealService.getDealById({ dealId: selectedDeal.id })
-                .then(setSelectedDeal);
+            await DealService.getDealById({ dealId: selectedDeal.id }).then(
+                setSelectedDeal
+            );
         });
     };
     const onProductMultipleDelete = (items: DealProductSchema[]) => {
@@ -245,8 +245,9 @@ const useDealProductTableState = () => {
                         notifications.guess(ok, { message });
                         return;
                     }
-                    await DealService.getDealById({ dealId: selectedDeal.id })
-                        .then(setSelectedDeal);
+                    await DealService.getDealById({
+                        dealId: selectedDeal.id,
+                    }).then(setSelectedDeal);
                 });
             },
             labels: {
@@ -281,7 +282,6 @@ const DealEditDrawerProductsTable = () => {
             onMultipleDelete={onProductMultipleDelete}
             onDelete={onProductDelete}
             onCreate={onProductCreate}
-
         />
     );
 };
@@ -295,10 +295,7 @@ const useDealStatusChangeState = () => {
 const DealEditDrawerStatusChangeTable = () => {
     const { statusHistory } = useDealStatusChangeState();
 
-    return (
-        <DealStatusChangeTable
-            items={statusHistory}
-        />);
+    return <DealStatusChangeTable items={statusHistory} />;
 };
 
 const useDealEditDrawerState = () => {
@@ -328,53 +325,51 @@ const DealEditDrawer: FC = () => {
                 body: {
                     height: "100%",
                     display: "flex",
-                    flexDirection: "column", gap: rem(10),
+                    flexDirection: "column",
+                    gap: rem(10),
                 },
-            }}
-        >
+            }}>
             <Tabs
                 defaultValue={"general"}
                 flex={1}
                 variant={"outline"}
                 orientation={"vertical"}
-                keepMounted={false}
-
-            >
-
-                <Tabs.List
-                >
-                    <Tabs.Tab value={"general"} leftSection={<IconSettings />}>
+                keepMounted={false}>
+                <Tabs.List>
+                    <Tabs.Tab
+                        value={"general"}
+                        leftSection={<IconSettings />}>
                         Общее
                     </Tabs.Tab>
-                    <Tabs.Tab value={"history"} leftSection={<IconCalendarUser />}>
+                    <Tabs.Tab
+                        value={"history"}
+                        leftSection={<IconCalendarUser />}>
                         История
                     </Tabs.Tab>
-                    <Tabs.Tab value={"servicesAndProducts"} leftSection={<IconBox />}>
+                    <Tabs.Tab
+                        value={"servicesAndProducts"}
+                        leftSection={<IconBox />}>
                         Товары и услуги
                     </Tabs.Tab>
                 </Tabs.List>
                 <Tabs.Panel value={"general"}>
                     <motion.div
-
                         initial={{ opacity: 0 }}
                         animate={{ opacity: 1 }}
-                        transition={{ duration: 0.2 }}
-                    >
-
-                        <Box h={"100%"} w={"100%"} p={rem(10)}>
+                        transition={{ duration: 0.2 }}>
+                        <Box
+                            h={"100%"}
+                            w={"100%"}
+                            p={rem(10)}>
                             <DealEditDrawerGeneralTab />
-
                         </Box>
                     </motion.div>
-
                 </Tabs.Panel>
                 <Tabs.Panel value={"history"}>
                     <motion.div
-
                         initial={{ opacity: 0 }}
                         animate={{ opacity: 1 }}
-                        transition={{ duration: 0.2 }}
-                    >
+                        transition={{ duration: 0.2 }}>
                         <Box p={rem(10)}>
                             <DealEditDrawerStatusChangeTable />
                         </Box>
@@ -382,11 +377,9 @@ const DealEditDrawer: FC = () => {
                 </Tabs.Panel>
                 <Tabs.Panel value={"servicesAndProducts"}>
                     <motion.div
-
                         initial={{ opacity: 0 }}
                         animate={{ opacity: 1 }}
-                        transition={{ duration: 0.2 }}
-                    >
+                        transition={{ duration: 0.2 }}>
                         <Box p={rem(10)}>
                             <ProductAndServiceTab />
                         </Box>
@@ -407,4 +400,4 @@ const DealEditDrawer: FC = () => {
     );
 };
 
-export default DealEditDrawer;
+export default DealEditDrawer;