From 527e052786e70a072e5b6127989eb5e30fb372a1 Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Sat, 26 Jul 2025 12:59:12 +0530
Subject: [PATCH] changes

---
 src/components/Project/AboutProject.jsx | 56 +++++++++++++------------
 1 file changed, 29 insertions(+), 27 deletions(-)

diff --git a/src/components/Project/AboutProject.jsx b/src/components/Project/AboutProject.jsx
index 70511702..5fd36f70 100644
--- a/src/components/Project/AboutProject.jsx
+++ b/src/components/Project/AboutProject.jsx
@@ -1,17 +1,17 @@
 import React, { useEffect, useState } from "react";
 import moment from "moment";
 import { getProjectStatusName } from "../../utils/projectStatus";
-import {useProjectDetails, useUpdateProject} from "../../hooks/useProjects";
+import { useProjectDetails, useUpdateProject } from "../../hooks/useProjects";
 import { useSelector } from "react-redux"; // Import useSelector
-import {useHasUserPermission} from "../../hooks/useHasUserPermission";
-import {MANAGE_PROJECT} from "../../utils/constants";
+import { useHasUserPermission } from "../../hooks/useHasUserPermission";
+import { MANAGE_PROJECT } from "../../utils/constants";
 import GlobalModel from "../common/GlobalModel";
 import ManageProjectInfo from "./ManageProjectInfo";
-import {useQueryClient} from "@tanstack/react-query";
+import { useQueryClient } from "@tanstack/react-query";
 
 const AboutProject = () => {
   const [IsOpenModal, setIsOpenModal] = useState(false);
-  const {mutate: UpdateProjectDetails, isPending} = useUpdateProject({
+  const { mutate: UpdateProjectDetails, isPending } = useUpdateProject({
     onSuccessCallback: () => {
       setIsOpenModal(false);
     }
@@ -22,43 +22,43 @@ const AboutProject = () => {
   const projectId = useSelector((store) => store.localVariables.projectId);
 
   const manageProject = useHasUserPermission(MANAGE_PROJECT);
-  const {projects_Details, isLoading, error,refetch} = useProjectDetails( projectId ); // Pass projectId from useSelector
-  
-  const handleFormSubmit = ( updatedProject ) => {
-    if ( projects_Details?.id ) {
-      UpdateProjectDetails({ projectId: projects_Details?.id,updatedData: updatedProject });
+  const { projects_Details, isLoading, error, refetch } = useProjectDetails(projectId); // Pass projectId from useSelector
+
+  const handleFormSubmit = (updatedProject) => {
+    if (projects_Details?.id) {
+      UpdateProjectDetails({ projectId: projects_Details?.id, updatedData: updatedProject });
       // The refetch here might be redundant or could be handled by react-query's invalidateQueries
       // if UpdateProjectDetails properly invalidates the 'projectDetails' query key.
       // If refetch is still needed, consider adding a delay or using onSuccess of UpdateProjectDetails.
       // For now, keeping it as is based on your original code.
-      refetch(); 
+      refetch();
     }
   };
 
   return (
     <>
       {IsOpenModal && (
-        <GlobalModel isOpen={IsOpenModal} closeModal={()=>setIsOpenModal(false)}>
+        <GlobalModel isOpen={IsOpenModal} closeModal={() => setIsOpenModal(false)}>
           <ManageProjectInfo
             project={projects_Details}
             handleSubmitForm={handleFormSubmit}
-            onClose={() => setIsOpenModal( false )}
+            onClose={() => setIsOpenModal(false)}
             isPending={isPending}
           />
         </GlobalModel>
       )}
       {projects_Details && (
         <>
-        <div className="card mb-6">
-          <div className="card-header text-start">
-            <h6 className="card-action-title mb-0">
-              {" "}
-              <i className="fa fa-building rounded-circle text-primary"></i>
-              <span className="ms-2">Project Profile</span>
-            </h6>
-          </div>
-          <div className="card-body">
-             <ul className="list-unstyled my-3 ps-2">
+          <div className="card mb-6">
+            <div className="card-header text-start">
+              <h6 className="card-action-title mb-0">
+                {" "}
+                <i className="fa fa-building rounded-circle text-primary"></i>
+                <span className="ms-2">Project Profile</span>
+              </h6>
+            </div>
+            <div className="card-body">
+              <ul className="list-unstyled my-3 ps-2">
                 <li className="d-flex mb-3">
                   <div className="d-flex align-items-center" style={{ width: '120px' }}> {/* Adjust width as needed for alignment */}
                     <i className="bx bx-cog"></i>
@@ -139,11 +139,13 @@ const AboutProject = () => {
                   )}
                 </li>
               </ul>
+
+            </div>
           </div>
-          </div>
-          </>
-        )}
-    
+
+        </>
+      )}
+
       {isLoading && <span>loading...</span>}
     </>
   );