feat: client tab in deal editor

src/app/deals/components/shared/CreateDealButton/components/CreateCardForm.tsx

@@ -2,9 +2,15 @@ import { FC } from "react";
 import { IconCheck, IconX } from "@tabler/icons-react";
 import { Button, Group, Stack, TextInput } from "@mantine/core";
 import { useForm } from "@mantine/form";
+import { useProjectsContext } from "@/app/deals/contexts/ProjectsContext";
+import { ClientSchema } from "@/lib/client";
+import ClientSelect from "@/modules/dealModularEditorTabs/Clients/shared/components/ClientSelect";
+import { ModuleNames } from "@/modules/modules";
 
 export type CreateDealForm = {
     name: string;
+    client?: ClientSchema;
+    clientId?: number;
 };
 
 type Props = {
@@ -13,25 +19,42 @@ type Props = {
 };
 
 const CreateCardForm: FC<Props> = ({ onSubmit, onCancel }) => {
+    const { modulesSet } = useProjectsContext();
+
     const form = useForm<CreateDealForm>({
         initialValues: {
             name: "",
         },
         validate: {
             name: value => !value && "Введите название",
+            client: client =>
+                modulesSet.has(ModuleNames.CLIENTS) &&
+                !client &&
+                "Выберите клиента",
         },
     });
 
     return (
-        <form onSubmit={form.onSubmit(values => {
-            onSubmit(values);
-            form.reset();
-        })}>
+        <form
+            onSubmit={form.onSubmit(values => {
+                onSubmit(values);
+                form.reset();
+            })}>
             <Stack>
                 <TextInput
                     placeholder={"Название"}
                     {...form.getInputProps("name")}
                 />
+                {modulesSet.has(ModuleNames.CLIENTS) && (
+                    <ClientSelect
+                        placeholder={"Клиент"}
+                        {...form.getInputProps("client")}
+                        onChange={client => {
+                            form.setFieldValue("client", client);
+                            form.setFieldValue("clientId", client?.id);
+                        }}
+                    />
+                )}
                 <Group wrap={"nowrap"}>
                     <Button
                         variant={"default"}

src/app/deals/components/shared/DealCard/DealCard.tsx

@@ -3,6 +3,7 @@ import { useDealsContext } from "@/app/deals/contexts/DealsContext";
 import { useProjectsContext } from "@/app/deals/contexts/ProjectsContext";
 import { useDrawersContext } from "@/drawers/DrawersContext";
 import { DealSchema } from "@/lib/client";
+import { ModuleNames } from "@/modules/modules";
 import styles from "./DealCard.module.css";
 
 type Props = {
@@ -10,7 +11,7 @@ type Props = {
 };
 
 const DealCard = ({ deal }: Props) => {
-    const { selectedProject } = useProjectsContext();
+    const { selectedProject, modulesSet } = useProjectsContext();
     const { dealsCrud } = useDealsContext();
     const { openDrawer } = useDrawersContext();
 
@@ -47,6 +48,9 @@ const DealCard = ({ deal }: Props) => {
             </Group>
             <Stack className={styles["deal-data"]}>
                 <Stack gap={0}>
+                    {modulesSet.has(ModuleNames.CLIENTS) && (
+                        <Text>{deal.client?.name}</Text>
+                    )}
                     <Text>Wb электросталь</Text>
                     <Text>19 000 руб.</Text>
                     <Text>130 тов.</Text>