Merge pull request #5346 from bcgov/dev-rook-RQ-FOIMOD-2975-bugfix

Enable editing personal tag for ministry users FOIMOD-2976

forms-flow-web/src/components/FOI/customComponents/Records/MCFPersonal.js

@@ -30,7 +30,11 @@ const MCFPersonal = ({
     setNewPersonalAttributes,
     updatePersonalAttributes,
     setCurPersonalAttributes,
-    setCurrentEditRecord
+    setCurrentEditRecord,
+    divisionModalTagValue,
+    divisions=[],
+    isMinistryCoordinator,
+    currentEditRecord
 }) => {
     const [personalAttributes, setPersonalAttributes] = useState();
     useEffect(() => {
@@ -44,7 +48,7 @@ const MCFPersonal = ({
     const MCFSections = useSelector((state) => state.foiRequests.foiPersonalSections);
     const [tagList, setTagList] = useState([]);
     const [otherTagList, setOtherTagList] = useState([]);
-  
+
     const MCFPeople = useSelector(
       (state) => state.foiRequests.foiPersonalPeople
     );
@@ -71,6 +75,12 @@ const MCFPersonal = ({
     const [additionalFileTypes, setAdditionalFileTypes] = useState([]);
     const [showAdditionalFileTypes, setShowAdditionalFileTypes] = useState(false);
 
+    useEffect(() => {
+      if(currentEditRecord?.attributes?.divisions[0]?.divisionid) {
+        setNewDivision(currentEditRecord.attributes.divisions[0].divisionid);
+      }
+    },[currentEditRecord])
+
     useEffect(() => {
       if(MCFSections?.sections) {
         if(MCFSections.sections.length > MCFPopularSections-1) {
@@ -277,6 +287,28 @@ const MCFPersonal = ({
                 </span>
               </div>
 
+
+              {isMinistryCoordinator && divisions.length > 0 && (<>
+              <div className="tagtitle">
+                <span>Select Division: *</span>
+              </div>  
+              <div className="taglist">
+                {divisions.map(tag =>
+                  <ClickableChip
+                    id={`${tag.divisionid}Tag`}
+                    key={`${tag.divisionid}-tag`}
+                    label={tag.divisionname.toUpperCase()}
+                    sx={{width: "fit-content", marginRight: "8px", marginBottom: "8px"}}
+                    color="primary"
+                    size="small"
+                    onClick={()=>{setNewDivision(tag.divisionid)}}
+                    clicked={divisionModalTagValue == tag.divisionid}
+                  />
+                )}
+              </div>
+              </>)}
+
+
               <div className="tagtitle">
                 <span>Select Person: *</span>
               </div>        
@@ -586,6 +618,7 @@ const MCFPersonal = ({
             <button
               className={`btn-bottom btn-save btn`}
               onClick={() => {updatePersonalAttributes(true);reset();}}
+              disabled={isMinistryCoordinator}
             >
               Update for All
             </button>