From ae45d6f1867bdc6e082a8c1c5d6883130f181ae4 Mon Sep 17 00:00:00 2001
From: KarimAldeen <MhmadKarimAldeen@gmail.com>
Date: Tue, 26 Mar 2024 08:54:35 +0300
Subject: [PATCH] Done

---
 src/Pages/Categories/Page.tsx          | 12 ++++++---
 src/Pages/Categories/View/EditPage.tsx | 11 ++++++---
 src/Pages/order/Edit/EditPage.tsx      | 34 +++++++++++++++++---------
 3 files changed, 39 insertions(+), 18 deletions(-)

diff --git a/src/Pages/Categories/Page.tsx b/src/Pages/Categories/Page.tsx
index 80913ea..f0d6c61 100644
--- a/src/Pages/Categories/Page.tsx
+++ b/src/Pages/Categories/Page.tsx
@@ -1,23 +1,29 @@
 
-import React from 'react'
+import React, { useEffect } from 'react'
 import DashBody from '../../Layout/Dashboard/DashBody'
 import DashHeader from '../../Layout/Dashboard/DashHeader'
 import LyTable from '../../Layout/Dashboard/LyTable'
 import useTableColumns from './useTableColumns'
 import { QueryStatusEnum } from '../../config/QueryStatus'
-import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom'
 import AddButton from '../../Layout/Dashboard/AddButton/AddButton'
 import { useGetCategories } from '../../api/Categories'
 import SearchField from '../../Layout/Dashboard/SearchField'
+import { usePageState } from '../../lib/state mangment/LayoutPagestate'
 
 function Page() {
 
     const column   =useTableColumns()
     const {data  ,status } = useGetCategories()
-    const [t] = useTranslation()
     const navigate = useNavigate()
     const totalRows = data?.meta?.total;
+    const { setObjectToEdit, objectToEdit } = usePageState()
+
+    useEffect(() => {
+      if(objectToEdit && objectToEdit.length > 0)
+      setObjectToEdit([])
+    
+    }, [setObjectToEdit,objectToEdit ])
     
   return (
     // Pass Status to Layout 
diff --git a/src/Pages/Categories/View/EditPage.tsx b/src/Pages/Categories/View/EditPage.tsx
index 9e7b8fe..91ff570 100644
--- a/src/Pages/Categories/View/EditPage.tsx
+++ b/src/Pages/Categories/View/EditPage.tsx
@@ -452,6 +452,7 @@ const EditPage = () => {
 
 
     }
+  
 
   }, [isSuccess])
 
@@ -483,7 +484,7 @@ const EditPage = () => {
       return item?.attribute_value
     }))
 
-  }, [data?.category, Atrribute?.data, isRefetching, AttributeisRefetching, setObjectToEdit]);
+  }, [data?.category, Atrribute?.data, isRefetching, AttributeisRefetching, setObjectToEdit,isLoadingAtrribute]);
 
 
   const getValidationSchema = () => {
@@ -497,10 +498,11 @@ const EditPage = () => {
     return <Spin />
   }
 
+  
 
   return (
     <div className='ViewPage'>
-      {objectToEdit && data ?
+      {objectToEdit && !AttributeisRefetching && data ?
         <ViewPage {...ViewProps}>
           <Tabs>
             <TabList>
@@ -514,7 +516,10 @@ const EditPage = () => {
             </TabBody>
 
             <TabBody >
-              <div className=" mt-4"><TabsContainer /></div>
+              {Atrribute?.data && 
+                           <div className=" mt-4"><TabsContainer /></div>
+ 
+              }
             </TabBody>
 
           </Tabs>
diff --git a/src/Pages/order/Edit/EditPage.tsx b/src/Pages/order/Edit/EditPage.tsx
index e5d2de6..4fe34c6 100644
--- a/src/Pages/order/Edit/EditPage.tsx
+++ b/src/Pages/order/Edit/EditPage.tsx
@@ -1,17 +1,14 @@
-import React, { useEffect, useState } from 'react'
+import React, { useEffect } from 'react'
 import { getInitialValues, getDataToSend } from './formUtil'
 import { Tab, TabList, TabPanel as TabBody, Tabs } from 'react-tabs'
 import 'react-tabs/style/react-tabs.css';
 import { MdLanguage } from 'react-icons/md'
-import { FaSadCry } from 'react-icons/fa'
 import ViewPage from '../../../Layout/Dashboard/ViewPage';
-import { Rate, Spin } from 'antd';
+import {  Spin } from 'antd';
 import { usePageState } from '../../../lib/state mangment/LayoutPagestate';
 import { useParams } from 'react-router-dom';
 import LoadingPage from '../../../Layout/app/LoadingPage';
 import { useTranslation } from 'react-i18next';
-import { BsInfoCircle } from 'react-icons/bs';
-import { useGetOneSlider, useUpdateSlider } from '../../../api/Slider';
 import useNavigateOnSuccess from '../../../Hooks/useNavigateOnSuccess';
 import Form from './EditForm';
 import { useGetOneOrder, useUpdateOrder } from '../../../api/order';
@@ -24,14 +21,27 @@ const EditPage = () => {
   const {mutate ,isSuccess,isLoading:IsloadingButton} = useUpdateOrder("put")
   const { id } = useParams();
   const { data, isLoading } = useGetOneOrder({id: id })
-  const handleSubmit = (values:any)=>{
+  const handleSubmit = (values:any) => {
+    // Create a new object without empty string values
+    const cleanedValues = {} as any;
+    for (let key in values) {
+        if (values[key] !== "") {
+            cleanedValues[key] = values[key];
+        }
+    }
+
+    // Optionally format the deliviration_estimated_time if it exists
+    if (cleanedValues.deliviration_estimated_time) {
+        cleanedValues.deliviration_estimated_time = cleanedValues.deliviration_estimated_time.format('YYYY-MM-DD HH:mm:ss');
+    }
+
+    // Log the formatted deliviration_estimated_time
+    console.log(cleanedValues.deliviration_estimated_time);
+
+    // Mutate with the cleaned values
+    return mutate(cleanedValues);
+}
 
-    console.log(values?.deliviration_estimated_time?.format('YYYY-MM-DD HH:mm:ss'));
-    return mutate({
-      ...values,
-      deliviration_estimated_time:values?.deliviration_estimated_time?.format('YYYY-MM-DD HH:mm:ss')
-    });
-  }
 
   useNavigateOnSuccess(isSuccess , '/order')