From f5dc18e1d6e1bfb7ec855a664616e947aeb3ba0e Mon Sep 17 00:00:00 2001
From: admin <fakc445@gmail.com>
Date: Mon, 16 Sep 2024 00:05:14 +0300
Subject: [PATCH] feat: deal id display

---
 src/components/Dnd/DealSummaryCard/DealSummaryCard.tsx | 10 ++++++++--
 .../DealEditDrawer/tabs/DealEditDrawerGeneralTab.tsx   |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/Dnd/DealSummaryCard/DealSummaryCard.tsx b/src/components/Dnd/DealSummaryCard/DealSummaryCard.tsx
index f3c7899..d5c6a33 100644
--- a/src/components/Dnd/DealSummaryCard/DealSummaryCard.tsx
+++ b/src/components/Dnd/DealSummaryCard/DealSummaryCard.tsx
@@ -2,7 +2,7 @@ import {FC} from "react";
 import {DealService, DealSummary} from "../../../client";
 import styles from './DealSummaryCard.module.css';
 
-import {ActionIcon, Text, Image} from '@mantine/core';
+import {ActionIcon, Text, Image, Badge} from '@mantine/core';
 import classNames from "classnames";
 import {useDealPageContext} from "../../../pages/LeadsPage/contexts/DealPageContext.tsx";
 
@@ -37,6 +37,7 @@ const DealSummaryCard: FC<Props> = ({dealSummary}) => {
     return (
         <div onClick={() => onDealSummaryClick()} className={styles['container']}>
             <div className={classNames(styles['flex-row'], styles["flex-row-left"])}>
+
                 <div className={styles['flex-item']}>
                     <Text size={"sm"} c={"gray.6"}>
                         Клиент: {dealSummary.clientName}
@@ -56,7 +57,7 @@ const DealSummaryCard: FC<Props> = ({dealSummary}) => {
             </div>
             <div className={classNames(styles['flex-row'], styles['flex-row-right'])}>
                 <div className={styles['flex-item']}>
-                    <ActionIcon  variant={"transparent"}>
+                    <ActionIcon variant={"transparent"}>
                         <Image src={dealSummary.baseMarketplace?.iconUrl || ""}/>
                     </ActionIcon>
                 </div>
@@ -65,6 +66,11 @@ const DealSummaryCard: FC<Props> = ({dealSummary}) => {
                         {new Date(dealSummary.deadline).toLocaleString('ru-RU').slice(0, -3)}
                     </Text>
                 </div>
+                <div className={styles['flex-item']}>
+                    <Badge variant={"light"} radius={"sm"}>
+                        ID: {dealSummary.id}
+                    </Badge>
+                </div>
             </div>
 
         </div>
diff --git a/src/pages/LeadsPage/drawers/DealEditDrawer/tabs/DealEditDrawerGeneralTab.tsx b/src/pages/LeadsPage/drawers/DealEditDrawer/tabs/DealEditDrawerGeneralTab.tsx
index 8d71a7a..bd2aecc 100644
--- a/src/pages/LeadsPage/drawers/DealEditDrawer/tabs/DealEditDrawerGeneralTab.tsx
+++ b/src/pages/LeadsPage/drawers/DealEditDrawer/tabs/DealEditDrawerGeneralTab.tsx
@@ -91,7 +91,7 @@ const Content: FC<Props> = ({deal}) => {
     return (
         <form onSubmit={form.onSubmit((values) => handleSubmit(values))}>
             <Flex direction={'column'}>
-                <Fieldset legend={"Общие параметры"}>
+                <Fieldset legend={"Общие параметры [ID: 12311]"}>
                     <Flex direction={"column"} gap={rem(10)}>
                         <TextInput
                             placeholder={"Название сделки"}