PSP-8856 fix + Research File MOTI Label fixed (#4193)

bcgov · Jul 15, 2024 · ff66894 · ff66894
1 parent 02eb016
commit ff66894
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 4 deletions.
diff --git a/source/frontend/src/features/leases/detail/LeasePages/details/LeaseDetailView.tsx b/source/frontend/src/features/leases/detail/LeasePages/details/LeaseDetailView.tsx
@@ -2,6 +2,7 @@ import { Col, Row } from 'react-bootstrap';
 
 import { Section } from '@/components/common/Section/Section';
 import { SectionField } from '@/components/common/Section/SectionField';
+import TooltipIcon from '@/components/common/TooltipIcon';
 import { ApiGen_CodeTypes_LeaseStatusTypes } from '@/models/api/generated/ApiGen_CodeTypes_LeaseStatusTypes';
 import { ApiGen_Concepts_Lease } from '@/models/api/generated/ApiGen_Concepts_Lease';
 import { prettyFormatDate } from '@/utils';
@@ -22,7 +23,33 @@ export const LeaseDetailView: React.FunctionComponent<
   return (
     <Section header="Details">
       <SectionField label="Ministry project">{projectName}</SectionField>
-      <SectionField label="Status" labelWidth="3" contentWidth="4">
+      <SectionField
+        label="Status"
+        labelWidth="3"
+        contentWidth="4"
+        tooltip={
+          <TooltipIcon
+            toolTipId="lease-status-tooltip"
+            toolTip={
+              <ul>
+                <li>Draft: In progress but not finalized.</li>
+                <li>
+                  Active: Finalized and all requirements met. Lease/Licence being actively managed.
+                </li>
+                <li>
+                  Terminated: The expiry date of the last agreement if by effluxion of time or the
+                  early termination date for cause.
+                </li>
+                <li>Cancelled: Request cancelled by requestor or MOTI.</li>
+                <li>Duplicate: Duplicate file created by accident or data transfer.</li>
+                <li>Hold: Agreement in progress but will not be immediately addressed.</li>
+                <li>Archived: File to be archived as per ARCS/ORCS.</li>
+              </ul>
+            }
+            placement="right"
+          ></TooltipIcon>
+        }
+      >
         {lease.fileStatusTypeCode.description}
       </SectionField>
 

diff --git a/...e/frontend/src/features/mapSideBar/research/__snapshots__/ResearchContainer.test.tsx.snap b/...e/frontend/src/features/mapSideBar/research/__snapshots__/ResearchContainer.test.tsx.snap
@@ -620,7 +620,7 @@ exports[`ResearchContainer component > renders as expected 1`] = `
                 <label
                   class="c10"
                 >
-                  MoTI region:
+                  MOTI region:
                 </label>
               </div>
               <div

diff --git a/source/frontend/src/features/mapSideBar/research/common/ResearchHeader.tsx b/source/frontend/src/features/mapSideBar/research/common/ResearchHeader.tsx
@@ -58,7 +58,7 @@ const ResearchHeader: React.FunctionComponent<
         <HeaderField label="File name:" labelWidth={leftColumnLabel} contentWidth="9">
           {researchFile?.fileName}
         </HeaderField>
-        <HeaderField label="MoTI region:" labelWidth={leftColumnLabel} contentWidth="9">
+        <HeaderField label="MOTI region:" labelWidth={leftColumnLabel} contentWidth="9">
           {regions}
         </HeaderField>
         <HeaderField label="Ministry district:" labelWidth={leftColumnLabel} contentWidth="9">

diff --git a/...ontend/src/features/mapSideBar/research/common/__snapshots__/ResearchHeader.test.tsx.snap b/...ontend/src/features/mapSideBar/research/common/__snapshots__/ResearchHeader.test.tsx.snap
@@ -82,7 +82,7 @@ exports[`ResearchHeader component > renders as expected when provided no researc
           <label
             class="c1"
           >
-            MoTI region:
+            MOTI region:
           </label>
         </div>
         <div