psp-7064 split up legal description and pid. (#3540)

* psp-7064 split up legal description and pid. * snapshot update. --------- Co-authored-by: Smith <[email protected]>
bcgov · Oct 27, 2023 · dded97f · dded97f
1 parent b45d6f8
commit dded97f
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 2 deletions.
diff --git a/source/frontend/src/features/leases/detail/LeasePages/details/PropertyInformation.tsx b/source/frontend/src/features/leases/detail/LeasePages/details/PropertyInformation.tsx
@@ -32,9 +32,11 @@ export const PropertyInformation: React.FunctionComponent<
   );
   const pid = getIn(formikProps.values, withNameSpace(nameSpace, 'property.pid'));
   const pidText = pid ? `PID: ${pidFormatter(pid)}` : '';
-  const legalPidText = [legalDescription, pidText].filter(x => x).join(' ');
   return (
     <StyledPropertyInfo>
+      <SectionField label="PID" labelWidth="3">
+        {pidText}
+      </SectionField>
       <SectionField label="Descriptive name" labelWidth="3">
         <Input disabled={disabled} field={withNameSpace(nameSpace, 'propertyName')} />
       </SectionField>
@@ -57,7 +59,7 @@ export const PropertyInformation: React.FunctionComponent<
         </SectionField>
       ) : null}
       <SectionField label="Legal description" labelWidth="3">
-        {legalPidText}
+        {legalDescription}
       </SectionField>
 
       <hr />

diff --git a/...atures/leases/detail/LeasePages/details/__snapshots__/PropertiesInformation.test.tsx.snap b/...atures/leases/detail/LeasePages/details/__snapshots__/PropertiesInformation.test.tsx.snap
@@ -95,6 +95,22 @@ exports[`PropertiesInformation component renders as expected 1`] = `
       <div
         class="c3"
       >
+        <div
+          class="pb-2 row"
+        >
+          <div
+            class="pr-0 text-left col-3"
+          >
+            <label
+              class="c4"
+            >
+              PID:
+            </label>
+          </div>
+          <div
+            class="c5 text-left col"
+          />
+        </div>
         <div
           class="pb-2 row"
         >

diff --git a/...features/leases/detail/LeasePages/details/__snapshots__/PropertyInformation.test.tsx.snap b/...features/leases/detail/LeasePages/details/__snapshots__/PropertyInformation.test.tsx.snap
@@ -32,6 +32,22 @@ exports[`PropertyInformation component renders a complete lease as expected 1`]
 <div
     class="c0"
   >
+    <div
+      class="pb-2 row"
+    >
+      <div
+        class="pr-0 text-left col-3"
+      >
+        <label
+          class="c1"
+        >
+          PID:
+        </label>
+      </div>
+      <div
+        class="c2 text-left col"
+      />
+    </div>
     <div
       class="pb-2 row"
     >
@@ -160,6 +176,22 @@ exports[`PropertyInformation component renders minimally as expected 1`] = `
 <div
     class="c0"
   >
+    <div
+      class="pb-2 row"
+    >
+      <div
+        class="pr-0 text-left col-3"
+      >
+        <label
+          class="c1"
+        >
+          PID:
+        </label>
+      </div>
+      <div
+        class="c2 text-left col"
+      />
+    </div>
     <div
       class="pb-2 row"
     >