[UTOPIA-1288] only allow one idir user to review one program area selected role

src/frontend/src/components/public/PIAFormTabs/review/index.tsx

@@ -7,9 +7,8 @@ import { useContext, useEffect, useMemo, useState } from 'react';
 import { IReview, IReviewSection } from './interfaces';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faTrash } from '@fortawesome/free-solid-svg-icons';
-import { HttpRequest } from '../../../../utils/http-request.util';
-import { API_ROUTES } from '../../../../constant/apiRoutes';
 import { useParams } from 'react-router-dom';
+import { getGUID } from '../../../../utils/helper.util';
 import { IPiaForm } from '../../../../types/interfaces/pia-form.interface';
 import {
   IPiaFormContext,
@@ -113,7 +112,22 @@ const PIAReview = ({ printPreview }: IReviewProps) => {
       true,
     );
   };
+  const allowUserReviewProgramArea = () => {
+    const userGuid = getGUID();
+    const selectedRoles = reviewForm?.programArea?.selectedRoles;
+    // if selectedRoles is null means none of selectedRole got reviewed so return true
+    // otherwise loop all the role in reviews part to see if the current user already did review
+    if (selectedRoles === null) return true;
+    for (const role of selectedRoles) {
+      if (
+        reviewForm?.programArea?.reviews?.[role]?.reviewedByGuid === userGuid
+      ) {
+        return false;
+      }
+    }
 
+    return true;
+  };
   const disableConfirmButton = () => {
     if (pia.hasAddedPiToDataElements === false && reviewNote.trim() === '')
       return true;
@@ -246,12 +260,18 @@ const PIAReview = ({ printPreview }: IReviewProps) => {
                             className="d-flex align-items-center"
                             key={index}
                           >
-                            {Object(pia?.review?.programArea)?.reviews?.[role]
+                            {!allowUserReviewProgramArea() ||
+                            Object(pia?.review?.programArea)?.reviews?.[role]
                               ?.isAcknowledged ? (
                               <ViewProgramAreaReview
                                 pia={pia}
                                 role={role}
                                 stateChangeHandler={stateChangeHandler}
+                                isAcknowledged={
+                                  Object(pia?.review?.programArea)?.reviews?.[
+                                    role
+                                  ]?.isAcknowledged || false
+                                }
                               />
                             ) : (
                               <EditProgramAreaReview
@@ -308,7 +328,11 @@ const PIAReview = ({ printPreview }: IReviewProps) => {
             <div className="drop-shadow card p-4 p-md-5">
               <div className="data-table__container">
                 {enableMPOReviewViewMode() ? (
-                  <ViewMPOReview pia={pia} editReviewNote={setEditReviewNote} />
+                  <ViewMPOReview
+                    pia={pia}
+                    editReviewNote={setEditReviewNote}
+                    isAcknowledged={pia?.review?.mpo?.isAcknowledged || false}
+                  />
                 ) : (
                   <>
                     <div className="data-row">
@@ -391,6 +415,10 @@ const PIAReview = ({ printPreview }: IReviewProps) => {
           {pia?.review?.programArea?.selectedRoles.map((role: string) => (
             <>
               <ViewProgramAreaReview
+                isAcknowledged={
+                  pia?.review?.programArea?.reviews?.[role].isAcknowledged ||
+                  false
+                }
                 pia={pia}
                 printPreview
                 role={role}
@@ -403,6 +431,7 @@ const PIAReview = ({ printPreview }: IReviewProps) => {
             pia={pia}
             printPreview
             editReviewNote={setEditReviewNote}
+            isAcknowledged={pia?.review?.mpo?.isAcknowledged || false}
           />
         </>
       )}

src/frontend/src/components/public/PIAFormTabs/review/viewMPOReview.tsx

@@ -8,10 +8,11 @@ interface IMPOReviewProps {
   pia: IPiaForm;
   editReviewNote: Dispatch<SetStateAction<boolean>>;
   printPreview?: boolean;
+  isAcknowledged: boolean;
 }
 
 const ViewMPOReview = (props: IMPOReviewProps) => {
-  const { pia, printPreview, editReviewNote } = props;
+  const { pia, printPreview, editReviewNote, isAcknowledged } = props;
 
   return (
     <div className="d-grid gap-3">
@@ -29,12 +30,14 @@ const ViewMPOReview = (props: IMPOReviewProps) => {
                 reviewSection={pia.review?.mpo}
                 editReviewNote={editReviewNote}
                 printPreview
+                isAcknowledged={isAcknowledged}
               />
             </div>
           )}
         </div>
       ) : (
         <ViewReviewSection
+          isAcknowledged={isAcknowledged}
           pia={pia}
           reviewSection={pia?.review?.mpo}
           editReviewNote={editReviewNote}

src/frontend/src/components/public/PIAFormTabs/review/viewProgramArea.tsx

@@ -10,10 +10,11 @@ interface IViewProgramAreaReviewProps {
   editReviewNote?: Dispatch<SetStateAction<boolean>>;
   printPreview?: boolean;
   role: string;
+  isAcknowledged: boolean;
 }
 
 const ViewProgramAreaReview = (props: IViewProgramAreaReviewProps) => {
-  const { pia, printPreview, stateChangeHandler, role } = props;
+  const { pia, printPreview, stateChangeHandler, role, isAcknowledged } = props;
 
   return (
     <div className="d-grid gap-3">
@@ -38,6 +39,7 @@ const ViewProgramAreaReview = (props: IViewProgramAreaReviewProps) => {
                   pia?.review?.programArea?.reviews?.[role as keyof IReview]
                 }
                 printPreview
+                isAcknowledged={isAcknowledged}
               />
             </div>
           )}
@@ -51,6 +53,7 @@ const ViewProgramAreaReview = (props: IViewProgramAreaReviewProps) => {
             }
             stateChangeHandler={stateChangeHandler}
             role={role}
+            isAcknowledged={isAcknowledged}
           />
         </div>
       )}

src/frontend/src/components/public/PIAFormTabs/review/viewReviewSection.tsx

@@ -17,6 +17,7 @@ interface IReviewProps {
   stateChangeHandler?: (value: any, path: string, callApi?: boolean) => void;
   printPreview?: boolean;
   role?: string;
+  isAcknowledged: boolean;
 }
 
 const ViewReviewSection = (props: IReviewProps) => {
@@ -27,6 +28,7 @@ const ViewReviewSection = (props: IReviewProps) => {
     editReviewNote,
     stateChangeHandler,
     role,
+    isAcknowledged,
   } = props;
 
   const reviewGuid = reviewSection?.reviewedByGuid;
@@ -78,7 +80,7 @@ const ViewReviewSection = (props: IReviewProps) => {
       <div className="row mt-4">
         <Checkbox
           value=""
-          checked={true}
+          checked={isAcknowledged}
           isLink={false}
           label={
             messages.PiaReviewHeader.MinistrySection.Input.AcceptAccountability