Moves the gir type to the header, fixes issue on fragments.

bcgov · Jul 17, 2024 · af42be9 · af42be9
1 parent 3a27d13
commit af42be9
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 10 deletions.
diff --git a/frontend/src/app/components/containers/complaints/details/call-details.tsx b/frontend/src/app/components/containers/complaints/details/call-details.tsx
@@ -26,7 +26,6 @@ export const CallDetails: FC<ComplaintHeaderProps> = ({ complaintType }) => {
     attractants,
     violationInProgress,
     violationObserved,
-    girType,
   } = useAppSelector(selectComplaintDetails(complaintType)) as ComplaintDetails;
 
   return (
@@ -99,15 +98,6 @@ export const CallDetails: FC<ComplaintHeaderProps> = ({ complaintType }) => {
                 </div>
               </>
             )}
-            {/* GIR Details */}
-            {complaintType === COMPLAINT_TYPES.GIR && (
-              <>
-                <div>
-                  <dt>General Incident Type</dt>
-                  <dd id="comp-details-general-incident-type">{girType}</dd>
-                </div>
-              </>
-            )}
           </dl>
 
           {/* Location Information */}

diff --git a/frontend/src/app/components/containers/complaints/details/complaint-header.tsx b/frontend/src/app/components/containers/complaints/details/complaint-header.tsx
@@ -41,6 +41,7 @@ export const ComplaintHeader: FC<ComplaintHeaderProps> = ({
     violationType,
     species,
     complaintAgency,
+    girType,
   } = useAppSelector(selectComplaintHeader(complaintType));
 
   const dispatch = useAppDispatch();
@@ -230,6 +231,7 @@ export const ComplaintHeader: FC<ComplaintHeaderProps> = ({
               <span className="comp-box-species-type">{species}&nbsp;&nbsp;•&nbsp;&nbsp;</span>
             )}
             {readOnly && <span>{complaintType !== COMPLAINT_TYPES.ERS ? natureOfComplaint : violationType}</span>}
+            {readOnly && girType && complaintType === COMPLAINT_TYPES.GIR && <span>{girType}</span>}
           </div>
         </div>
       </div>