add the list of project team members to acquisition files.

bcgov · Dec 30, 2024 · 30435b2 · 30435b2
1 parent 0b75930
commit 30435b2
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 1 deletion.
diff --git a/source/frontend/src/features/mapSideBar/acquisition/AcquisitionContainer.tsx b/source/frontend/src/features/mapSideBar/acquisition/AcquisitionContainer.tsx
@@ -15,6 +15,7 @@ import LoadingBackdrop from '@/components/common/LoadingBackdrop';
 import { useMapStateMachine } from '@/components/common/mapFSM/MapStateMachineContext';
 import { InventoryTabNames } from '@/features/mapSideBar/property/InventoryTabs';
 import { useAcquisitionProvider } from '@/hooks/repositories/useAcquisitionProvider';
+import { useProjectProvider } from '@/hooks/repositories/useProjectProvider';
 import { usePropertyAssociations } from '@/hooks/repositories/usePropertyAssociations';
 import { useQuery } from '@/hooks/use-query';
 import useApiUserOverride from '@/hooks/useApiUserOverride';
@@ -84,6 +85,9 @@ export const AcquisitionContainer: React.FunctionComponent<IAcquisitionContainer
     getAcquisitionFileChecklist: { execute: retrieveAcquisitionFileChecklist },
     getLastUpdatedBy: { execute: getLastUpdatedBy, loading: loadingGetLastUpdatedBy },
   } = useAcquisitionProvider();
+  const {
+    getProject: { execute: getProjectFunction },
+  } = useProjectProvider();
 
   const { setModalContent, setDisplayModal } = useModalContext();
   const { execute: getPropertyAssociations } = usePropertyAssociations();
@@ -132,6 +136,9 @@ export const AcquisitionContainer: React.FunctionComponent<IAcquisitionContainer
   const fetchAcquisitionFile = useCallback(async () => {
     const retrieved = await retrieveAcquisitionFile(acquisitionFileId);
     if (exists(retrieved)) {
+      if (isValidId(retrieved.projectId)) {
+        retrieved.project = await getProjectFunction(retrieved.projectId);
+      }
       // retrieve related entities (ie properties, checklist items) in parallel
       const acquisitionPropertiesTask = retrieveAcquisitionFileProperties(acquisitionFileId);
       const acquisitionChecklistTask = retrieveAcquisitionFileChecklist(acquisitionFileId);
@@ -152,6 +159,7 @@ export const AcquisitionContainer: React.FunctionComponent<IAcquisitionContainer
     retrieveAcquisitionFileChecklist,
     setFile,
     setStaleFile,
+    getProjectFunction,
   ]);
 
   const fetchLastUpdatedBy = React.useCallback(async () => {

diff --git a/...nd/src/features/mapSideBar/acquisition/tabs/fileDetails/detail/AcquisitionSummaryView.tsx b/...nd/src/features/mapSideBar/acquisition/tabs/fileDetails/detail/AcquisitionSummaryView.tsx
@@ -91,6 +91,20 @@ const AcquisitionSummaryView: React.FC<IAcquisitionSummaryViewProps> = ({
         {acquisitionFile?.fundingTypeCode?.id === 'OTHER' && (
           <SectionField label="Other funding">{acquisitionFile.fundingOther}</SectionField>
         )}
+        {acquisitionFile?.project?.projectPersons?.map((teamMember, index) => (
+          <React.Fragment key={`project-team-${index}`}>
+            <SectionField label="Management team member">
+              <StyledLink
+                target="_blank"
+                rel="noopener noreferrer"
+                to={`/contact/P${teamMember?.personId}`}
+              >
+                <span>{formatApiPersonNames(teamMember?.person)}</span>
+                <FaExternalLinkAlt className="ml-2" size="1rem" />
+              </StyledLink>
+            </SectionField>
+          </React.Fragment>
+        ))}
       </Section>
       <Section header="Schedule">
         <SectionField label="Assigned date" valueTestId="assigned-date">

diff --git a/...rontend/src/features/mapSideBar/project/tabs/projectDetails/detail/ProjectSummaryView.tsx b/...rontend/src/features/mapSideBar/project/tabs/projectDetails/detail/ProjectSummaryView.tsx
@@ -50,7 +50,7 @@ const ProjectSummaryView: React.FunctionComponent<
       <Section header="Project Management Team">
         {project?.projectPersons?.map((teamMember, index) => (
           <React.Fragment key={`project-team-${index}`}>
-            <SectionField label="Management Team Member">
+            <SectionField label="Management team member">
               <StyledLink
                 target="_blank"
                 rel="noopener noreferrer"