From 0572d31178144c7500e375565abfbb2e87c33715 Mon Sep 17 00:00:00 2001
From: Nastya <nastyab015@yandex.ru>
Date: Sat, 1 Jul 2023 20:33:26 +0300
Subject: [PATCH] =?UTF-8?q?=D0=B2=D1=8B=D0=B2=D0=BE=D0=B4=20=D1=81=D0=BA?=
 =?UTF-8?q?=D0=B8=D0=B4=D0=BE=D0=BA=20=D0=B2=20=D0=94=D0=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DiscountManagement/DiscountDataGrid.tsx   | 47 +++++++++++++++----
 src/stores/discounts.ts                       |  7 ++-
 2 files changed, 45 insertions(+), 9 deletions(-)

diff --git a/src/pages/dashboard/Content/DiscountManagement/DiscountDataGrid.tsx b/src/pages/dashboard/Content/DiscountManagement/DiscountDataGrid.tsx
index 0021856..bdf80b0 100644
--- a/src/pages/dashboard/Content/DiscountManagement/DiscountDataGrid.tsx
+++ b/src/pages/dashboard/Content/DiscountManagement/DiscountDataGrid.tsx
@@ -12,12 +12,12 @@ const BoxButton = styled("div")(({ theme }) => ({
 }));
 
 const columns: GridColDef[] = [
-    {
-        field: "id",
-        headerName: "ID",
-        width: 70,
-        sortable: false,
-    },
+    // {
+    //     field: "id",
+    //     headerName: "ID",
+    //     width: 70,
+    //     sortable: false,
+    // },
     {
         field: "name",
         headerName: "Название скидки",
@@ -56,6 +56,21 @@ const columns: GridColDef[] = [
     },
 ];
 
+const layerTranslate = [
+    "",
+    "Товар",
+    "Сервис",
+    "корзина",
+    "лояльность",
+]
+const layerValue = [
+    "",
+    "Term",
+    "PriceFrom",
+    "CartPurchasesAmount",
+    "PurchasesAmount",
+]
+
 export default function DiscountDataGrid() {
     const theme = useTheme();
     const exampleDiscounts = useMockDiscountStore((state) => state.discounts);
@@ -63,8 +78,23 @@ export default function DiscountDataGrid() {
     const realDiscounts = useDiscountStore(state => state.discounts);
 
     useDiscounts({ onNewDiscounts: addDiscounts });
+    console.log(realDiscounts)
 
-    const discountsGridData: GridRowsProp = exampleDiscounts.map((discount) => {
+    const rowBackDicounts: any = realDiscounts.filter(e => e.Layer > 0).map((discount:any) => {
+            return {
+                id: discount.ID,
+                name: discount.Name,
+                description: discount.Description,
+                conditionType: layerTranslate[discount.Layer],
+                factor: Math.floor(Number((1-discount.Target.Factor)*100)),
+                value: layerValue[discount.Layer],
+                active: discount.Deprecated ? "🚫" : "✅"
+            };
+        
+    })
+
+    
+    const discountsGridData: any = exampleDiscounts.map((discount) => {
         const value =
             (discount.condition as any).purchasesAmount ??
             (discount.condition as any).cartPurchasesAmount ??
@@ -82,13 +112,14 @@ export default function DiscountDataGrid() {
             value,
         };
     });
+    const mix = [...rowBackDicounts, ...discountsGridData]
 
     return (
         <Box sx={{ width: "100%", marginTop: "55px", p: "16px", maxWidth: "1000px" }}>
             <Box sx={{ height: 600 }}>
                 <DataGrid
                     checkboxSelection={true}
-                    rows={discountsGridData}
+                    rows={mix}
                     columns={columns}
                     selectionModel={selectedDiscountIds}
                     onSelectionModelChange={setMockSelectedDiscountIds}
diff --git a/src/stores/discounts.ts b/src/stores/discounts.ts
index 02892ed..0523385 100644
--- a/src/stores/discounts.ts
+++ b/src/stores/discounts.ts
@@ -24,7 +24,12 @@ export const useDiscountStore = create<DiscountStore>()(
     )
 );
 
-export const addDiscounts = (newDiscounts: DiscountStore["discounts"]) => useDiscountStore.setState(state => ({ discounts: [...state.discounts, ...newDiscounts] }));
+export const addDiscounts = (newDiscounts: DiscountStore["discounts"]) => {
+    console.log(useDiscountStore.getState())
+    console.log(newDiscounts)
+    useDiscountStore.setState(state => ({ discounts: [...state.discounts, ...newDiscounts] }));
+    console.log(useDiscountStore.getState())
+}
 
 export const setSelectedDiscountIds = (selectedDiscountIds: DiscountStore["selectedDiscountIds"]) => useDiscountStore.setState({ selectedDiscountIds });