Add “Organization Type” Column in Project > Organization Page

src/components/Project/ProjectOrganization/ProjectAssignedOrgs.jsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { useProjectAssignedOrganizations } from "../../../hooks/useProjects";
 import { useSelectedProject } from "../../../slices/apiDataManager";
+import { formatUTCToLocalTime } from "../../../utils/dateUtils";
 
 const ProjectAssignedOrgs = () => {
   const selectedProject = useSelectedProject();
@@ -47,24 +48,25 @@ const ProjectAssignedOrgs = () => {
       ),
       align: "text-center",
     },
-    {
-      key: "isActive",
-      label: "Status",
+   {
+      key: "assignedDate",
+      label: "Assigned Date",
       getValue: (org) => (
         <span
-          className={`text-truncate d-inline-block badge bg-label-${org.isActive ? "primary" :"secondary"}`}
-          style={{ maxWidth: "80px" }}
+          className="text-truncate d-inline-block"
+          style={{ maxWidth: "200px" }}
         >
-          {org?.isActive ? "Active" : "Inactive"}
+          {/* {org?.assignedDate || "N/A"} */}
+          {formatUTCToLocalTime(org?.assignedDate)}
         </span>
       ),
-      align: "text-start",
+      align: "text-center",
     },
   ];
 
   if (isLoading) return <div>Loading...</div>;
   if (isError) return <div>{error.message}</div>;
-
+  
   return (
     <div>
       <div className="dataTables_wrapper no-footer mx-5 pb-2 page">

src/hooks/useProjectAccess.js

@@ -14,8 +14,7 @@ export const useProjectAccess = (projectId) => {
   const canView = useHasUserPermission(VIEW_PROJECTS); 
 
   const loading = isLoading || !isFetched;
-   debugger
-  useEffect(() => {
+     useEffect(() => {
     if (projectId && !loading && !canView) {
       showToast("You don't have permission to view project details", "warning");
       navigate("/projects");