From dded97f2763e61d3d7685582a8a1d752d890c6a5 Mon Sep 17 00:00:00 2001
From: devinleighsmith <41091511+devinleighsmith@users.noreply.github.com>
Date: Fri, 27 Oct 2023 10:23:23 -0700
Subject: [PATCH] psp-7064 split up legal description and pid. (#3540)

* psp-7064 split up legal description and pid.

* snapshot update.

---------

Co-authored-by: Smith <Devin.Smith@quartech.com>
---
 .../details/PropertyInformation.tsx           |  6 ++--
 .../PropertiesInformation.test.tsx.snap       | 16 ++++++++++
 .../PropertyInformation.test.tsx.snap         | 32 +++++++++++++++++++
 3 files changed, 52 insertions(+), 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
index 493d510926..696b991f0f 100644
--- 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/source/frontend/src/features/leases/detail/LeasePages/details/__snapshots__/PropertiesInformation.test.tsx.snap b/source/frontend/src/features/leases/detail/LeasePages/details/__snapshots__/PropertiesInformation.test.tsx.snap
index cf5f20c200..6e3e927aa8 100644
--- a/source/frontend/src/features/leases/detail/LeasePages/details/__snapshots__/PropertiesInformation.test.tsx.snap
+++ b/source/frontend/src/features/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/source/frontend/src/features/leases/detail/LeasePages/details/__snapshots__/PropertyInformation.test.tsx.snap b/source/frontend/src/features/leases/detail/LeasePages/details/__snapshots__/PropertyInformation.test.tsx.snap
index 28afc09736..d2a9b55a88 100644
--- a/source/frontend/src/features/leases/detail/LeasePages/details/__snapshots__/PropertyInformation.test.tsx.snap
+++ b/source/frontend/src/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"
     >