diff --git a/src/components/ServiceProject/ServiceProjectProfile.jsx b/src/components/ServiceProject/ServiceProjectProfile.jsx index 54af1442..2963c6e1 100644 --- a/src/components/ServiceProject/ServiceProjectProfile.jsx +++ b/src/components/ServiceProject/ServiceProjectProfile.jsx @@ -1,96 +1,123 @@ -import React from "react"; +import React, { useState } from "react"; import { useParams } from "react-router-dom"; import { useServiceProject } from "../../hooks/useServiceProject"; import { formatUTCToLocalTime } from "../../utils/dateUtils"; +import ManageServiceProject from "./ManageServiceProject"; +import GlobalModel from "../common/GlobalModel"; const ServiceProjectProfile = () => { const { projectId } = useParams(); + const [IsOpenModal, setIsOpenModal] = useState(false); const { data, isLoading, isError, error } = useServiceProject(projectId); if (isLoading) { return
Loadng.
; } return ( -
+ <> + {IsOpenModal && ( + setIsOpenModal(false)}> + setIsOpenModal(false)} + /> + + )} + +
-
-
-
- {" "} - - Project Profile -
-
-
-
    - -
  • -
    - - Name: -
    - - {/* Content section that wraps nicely */} -
    - {data.name} -
    -
    • -
  • -
    - - Nick Name: -
    - {data.shortName} -
    • -
  • -
    - - Assign Date: -
    - - {data.assignedDate ? formatUTCToLocalTime(data.assignedDate) : "NA"} - -
    • - -
  • -
    - - Status: -
    - {data?.status.status} -
    • -
  • -
    - - Contact: -
    - {data.contactName} -
    • -
  • - {/* Label section with icon */} -
    - - Address: -
    - - {/* Content section that wraps nicely */} -
    - {data.address} -
    -
    • - - - -
  • {/* Added mt-4 for some top margin */} - -
    • -
- -
-
+
+
+
+ {" "} + + Project Profile +
+
+
+
    + +
  • +
    + + Name: +
    + + {/* Content section that wraps nicely */} +
    + {data.name} +
    +
    • +
  • +
    + + Nick Name: +
    + {data.shortName} +
    • +
  • +
    + + Assign Date: +
    + + {data.assignedDate ? formatUTCToLocalTime(data.assignedDate) : "NA"} + +
    • + +
  • +
    + + Status: +
    + {data?.status.status} +
    • +
  • +
    + + Contact: +
    + {data.contactName} +
    • +
  • + {/* Label section with icon */} +
    + + Address: +
    + + {/* Content section that wraps nicely */} +
    + {data.address} +
    +
    • + + + +
  • {/* Added mt-4 for some top margin */} + +
  • {/* Added mt-4 for some top margin */} + + + +
    • + +
+ +
+
- - -
+ + +
+ ); };