From 216df612e6c63b5fd11debad9cd9220b67dc1aca Mon Sep 17 00:00:00 2001
From: Meis <meissadia@gmail.com>
Date: Tue, 22 Oct 2024 13:14:23 -0600
Subject: [PATCH 01/11] task: [DisplayField] Change default `fallbackValue` to
 "Not applicable"

---
 src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx b/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx
index 94604b94e..f213e5d11 100644
--- a/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx
+++ b/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx
@@ -4,6 +4,8 @@ import type { ReactNode } from 'react';
 import './DisplayField.less';
 
 export const NOT_AVAILABLE = 'Not available';
+export const NOT_APPLICABLE = 'Not applicable';
+export const FALLBACK_BLANK = '';
 
 export interface DisplayFieldProperties {
   label?: ReactNode;
@@ -32,7 +34,7 @@ export function DisplayField({
 
 DisplayField.defaultProps = {
   className: undefined,
-  fallbackValue: NOT_AVAILABLE,
+  fallbackValue: NOT_APPLICABLE,
   label: undefined,
   value: undefined,
 };

From e08e953c9d1580b49327804431ca29c6898c4b38 Mon Sep 17 00:00:00 2001
From: Meis <meissadia@gmail.com>
Date: Tue, 22 Oct 2024 13:39:12 -0600
Subject: [PATCH 02/11] [FinancialInstitutionDetails] Update LEI displayed LEI
 status from "Active/Inactive" to "Issued/Lapsed"

---
 .../ViewInstitutionProfile/FinancialInstitutionDetails.tsx      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Filing/ViewInstitutionProfile/FinancialInstitutionDetails.tsx b/src/pages/Filing/ViewInstitutionProfile/FinancialInstitutionDetails.tsx
index c7312eb24..840ba7a13 100644
--- a/src/pages/Filing/ViewInstitutionProfile/FinancialInstitutionDetails.tsx
+++ b/src/pages/Filing/ViewInstitutionProfile/FinancialInstitutionDetails.tsx
@@ -78,7 +78,7 @@ export function FinancialInstitutionDetails({
           label={InstitutionDataLabels.leiStatus}
           value={
             <span className='capitalize'>
-              {data.is_active ? 'Active' : 'Inactive'}
+              {data.is_active ? 'Issued' : 'Lapsed'}
             </span>
           }
         />

From 5d2f5a9e4746598de6784a5c4f5bb854187ecb2a Mon Sep 17 00:00:00 2001
From: Meis <meissadia@gmail.com>
Date: Tue, 22 Oct 2024 13:42:12 -0600
Subject: [PATCH 03/11] [FinancialInstitutionDetails] Display empty  "Federal
 prudential regulator" value as "Not applicable"

---
 src/utils/formatting.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/utils/formatting.tsx b/src/utils/formatting.tsx
index 85a75527b..503b3d23b 100644
--- a/src/utils/formatting.tsx
+++ b/src/utils/formatting.tsx
@@ -1,4 +1,7 @@
-import { NOT_AVAILABLE } from 'pages/Filing/ViewInstitutionProfile/DisplayField';
+import {
+  NOT_APPLICABLE,
+  NOT_AVAILABLE,
+} from 'pages/Filing/ViewInstitutionProfile/DisplayField';
 import type { DomainType, InstitutionDetailsApiType } from 'types/formTypes';
 
 export const buildEmailDomainString = (
@@ -19,4 +22,4 @@ export const formatFederalRegulator = (
   // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
   data.primary_federal_regulator
     ? `${data.primary_federal_regulator.name} (${data.primary_federal_regulator.id})`
-    : NOT_AVAILABLE;
+    : NOT_APPLICABLE;

From 2bd093c99fc3bd9b31190bf39221f1b8d15692be Mon Sep 17 00:00:00 2001
From: Meis <meissadia@gmail.com>
Date: Tue, 22 Oct 2024 13:43:52 -0600
Subject: [PATCH 04/11] [FinancialInstitutionDetails] Display empty  "Type of
 financial institution" and "Federal Taxpayer Identification Number (TIN)"
 value as BLANK

---
 .../IdentifyingInformation.tsx                 | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/pages/Filing/ViewInstitutionProfile/IdentifyingInformation.tsx b/src/pages/Filing/ViewInstitutionProfile/IdentifyingInformation.tsx
index 8561fcae4..bf3d88e68 100644
--- a/src/pages/Filing/ViewInstitutionProfile/IdentifyingInformation.tsx
+++ b/src/pages/Filing/ViewInstitutionProfile/IdentifyingInformation.tsx
@@ -5,9 +5,9 @@ import SectionIntro from 'components/SectionIntro';
 import { WellContainer } from 'design-system-react';
 import type { ReactNode } from 'react';
 import type { InstitutionDetailsApiType } from 'types/formTypes';
-import { formatFederalRegulator, valueOrNotavailable } from 'utils/formatting';
+import { formatFederalRegulator } from 'utils/formatting';
 import InstitutionDataLabels from '../formHelpers';
-import { DisplayField } from './DisplayField';
+import { DisplayField, FALLBACK_BLANK } from './DisplayField';
 
 const defaultDescription = (
   <>
@@ -29,7 +29,7 @@ export function IdentifyingInformation({
 }): JSX.Element {
   // TODO: Asking Le about 'Other' institution type/detail in mock data and the ending period
   // https://github.com/cfpb/sbl-frontend/issues/137
-  const institutionTypeNamesArray = data.sbl_institution_types.map(
+  const institutionTypeNamesArray = data.sbl_institution_types?.map(
     institutionType => {
       let name = '';
       if (typeof institutionType === 'string') name = institutionType;
@@ -45,16 +45,19 @@ export function IdentifyingInformation({
     },
   );
 
-  const institutionTypeNamesString = valueOrNotavailable(
-    institutionTypeNamesArray.join(', '),
-  );
+  const institutionTypeNamesString =
+    institutionTypeNamesArray?.join(', ') || FALLBACK_BLANK;
 
   return (
     <FormSectionWrapper>
       <SectionIntro heading={heading}>{description}</SectionIntro>
 
       <WellContainer className='u-mt30'>
-        <DisplayField label={InstitutionDataLabels.tin} value={data.tax_id} />
+        <DisplayField
+          label={InstitutionDataLabels.tin}
+          value={data.tax_id}
+          fallbackValue={FALLBACK_BLANK}
+        />
         <DisplayField label={InstitutionDataLabels.rssd} value={data.rssd_id} />
         <DisplayField
           label={InstitutionDataLabels.regName}
@@ -70,6 +73,7 @@ export function IdentifyingInformation({
         <DisplayField
           label={InstitutionDataLabels.fiType}
           value={institutionTypeNamesString}
+          fallbackValue={FALLBACK_BLANK}
         />
       </WellContainer>
     </FormSectionWrapper>

From 42bfac0f366fb0c8306c4fdcfe73b8c041f07daa Mon Sep 17 00:00:00 2001
From: Meis <meissadia@gmail.com>
Date: Tue, 22 Oct 2024 13:52:01 -0600
Subject: [PATCH 05/11] [FinancialInstitutionDetails] Display empty string
 "Top-holding Parent Entity LEI" and "Immediate Parent Entity LEI" value as
 "Not applicable"

---
 .../ViewInstitutionProfile/AffiliateInformation.tsx       | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/Filing/ViewInstitutionProfile/AffiliateInformation.tsx b/src/pages/Filing/ViewInstitutionProfile/AffiliateInformation.tsx
index 37cded1ae..5d60517dd 100644
--- a/src/pages/Filing/ViewInstitutionProfile/AffiliateInformation.tsx
+++ b/src/pages/Filing/ViewInstitutionProfile/AffiliateInformation.tsx
@@ -7,7 +7,7 @@ import type { ReactNode } from 'react';
 import type { InstitutionDetailsApiType } from 'types/formTypes';
 import InstitutionDataLabels from '../formHelpers';
 import './AffiliateInformation.less';
-import { DisplayField } from './DisplayField';
+import { DisplayField, NOT_APPLICABLE } from './DisplayField';
 
 const defaultDescription = (
   <>
@@ -41,7 +41,8 @@ export function AffiliateInformation({
         />
         <DisplayField
           label={InstitutionDataLabels.lei}
-          value={data.parent_lei}
+          // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+          value={data.parent_lei || NOT_APPLICABLE}
         />
         <DisplayField
           label={InstitutionDataLabels.rssd}
@@ -58,7 +59,8 @@ export function AffiliateInformation({
         />
         <DisplayField
           label={InstitutionDataLabels.lei}
-          value={data.top_holder_lei}
+          // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+          value={data.top_holder_lei || NOT_APPLICABLE}
         />
         <DisplayField
           label={InstitutionDataLabels.rssd}

From c7df96b3414e05c38922921f77727b612ee53814 Mon Sep 17 00:00:00 2001
From: Meis <meissadia@gmail.com>
Date: Tue, 22 Oct 2024 13:59:42 -0600
Subject: [PATCH 06/11] [useAuthHeaderLinks] Fix "missing key" issue

---
 src/utils/useHeaderAuthLinks.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/utils/useHeaderAuthLinks.tsx b/src/utils/useHeaderAuthLinks.tsx
index 2f2176f9c..84ed8baab 100644
--- a/src/utils/useHeaderAuthLinks.tsx
+++ b/src/utils/useHeaderAuthLinks.tsx
@@ -30,7 +30,7 @@ export const useHeaderAuthLinks = (): ReactElement[] => {
       <NavLink key='user-name' className='nav-item a-link' to='/profile/view'>
         {auth.user?.profile.name ?? auth.user?.profile.email ?? 'User profile'}
       </NavLink>,
-      <Button label='LOG OUT' asLink onClick={onLogout} />,
+      <Button key='logout' label='LOG OUT' asLink onClick={onLogout} />,
     );
   }
 

From 9fe3971308dc1e6686bfacb8ba5c8bff5bedcf76 Mon Sep 17 00:00:00 2001
From: Meis <meissadia@gmail.com>
Date: Mon, 28 Oct 2024 11:28:50 -0600
Subject: [PATCH 07/11] task: [InputEntry] Propagate `fallbackValue` to
 underlying DisplayField

---
 src/components/InputEntry.tsx | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/InputEntry.tsx b/src/components/InputEntry.tsx
index 01946a385..6d87df2ac 100644
--- a/src/components/InputEntry.tsx
+++ b/src/components/InputEntry.tsx
@@ -5,10 +5,11 @@ import { Element } from 'react-scroll';
 
 import InputErrorMessage from 'components/InputErrorMessage';
 import LabelOptional from 'components/LabelOptional';
-import { Heading } from 'design-system-react';
 import { TextInput } from 'components/TextInput';
-import { DisplayField } from 'pages/Filing/ViewInstitutionProfile/DisplayField';
+import { Heading } from 'design-system-react';
 import type { InputType } from 'design-system-react/dist/components/TextInput/TextInput';
+import type { DisplayFieldProperties } from 'pages/Filing/ViewInstitutionProfile/DisplayField';
+import { DisplayField } from 'pages/Filing/ViewInstitutionProfile/DisplayField';
 
 interface InputEntryProperties extends ComponentPropsWithoutRef<'input'> {
   id: string;
@@ -24,7 +25,10 @@ interface InputEntryProperties extends ComponentPropsWithoutRef<'input'> {
   helperText?: string;
 }
 
-const InputEntry = forwardRef<HTMLInputElement, InputEntryProperties>(
+const InputEntry = forwardRef<
+  HTMLInputElement,
+  DisplayFieldProperties & InputEntryProperties
+>(
   (
     {
       className = '',
@@ -40,6 +44,7 @@ const InputEntry = forwardRef<HTMLInputElement, InputEntryProperties>(
       isOptional = false,
       type = 'text',
       helperText,
+      fallbackValue,
       ...properties
     },
     reference,
@@ -78,7 +83,13 @@ const InputEntry = forwardRef<HTMLInputElement, InputEntryProperties>(
               />
             </>
           )}
-          {hideInput ? <DisplayField label={label} value={children} /> : null}
+          {hideInput ? (
+            <DisplayField
+              label={label}
+              value={children}
+              fallbackValue={fallbackValue}
+            />
+          ) : null}
           {handleError ? (
             <div>
               <InputErrorMessage>{errorMessage}</InputErrorMessage>

From 718ebfa11d4d46edb5748f63d533bc64025234b5 Mon Sep 17 00:00:00 2001
From: Meis <meissadia@gmail.com>
Date: Wed, 30 Oct 2024 14:14:37 -0600
Subject: [PATCH 08/11] task: [View Institution profile] Update BLANK fields to
 "Not provided"

---
 src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx | 2 +-
 .../ViewInstitutionProfile/IdentifyingInformation.tsx    | 9 ++++-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx b/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx
index f213e5d11..851b9dd16 100644
--- a/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx
+++ b/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx
@@ -5,7 +5,7 @@ import './DisplayField.less';
 
 export const NOT_AVAILABLE = 'Not available';
 export const NOT_APPLICABLE = 'Not applicable';
-export const FALLBACK_BLANK = '';
+export const NOT_PROVIDED = 'Not provided';
 
 export interface DisplayFieldProperties {
   label?: ReactNode;
diff --git a/src/pages/Filing/ViewInstitutionProfile/IdentifyingInformation.tsx b/src/pages/Filing/ViewInstitutionProfile/IdentifyingInformation.tsx
index bf3d88e68..b676eebc2 100644
--- a/src/pages/Filing/ViewInstitutionProfile/IdentifyingInformation.tsx
+++ b/src/pages/Filing/ViewInstitutionProfile/IdentifyingInformation.tsx
@@ -7,7 +7,7 @@ import type { ReactNode } from 'react';
 import type { InstitutionDetailsApiType } from 'types/formTypes';
 import { formatFederalRegulator } from 'utils/formatting';
 import InstitutionDataLabels from '../formHelpers';
-import { DisplayField, FALLBACK_BLANK } from './DisplayField';
+import { DisplayField, NOT_PROVIDED } from './DisplayField';
 
 const defaultDescription = (
   <>
@@ -45,8 +45,7 @@ export function IdentifyingInformation({
     },
   );
 
-  const institutionTypeNamesString =
-    institutionTypeNamesArray?.join(', ') || FALLBACK_BLANK;
+  const institutionTypeNamesString = institutionTypeNamesArray?.join(', ');
 
   return (
     <FormSectionWrapper>
@@ -56,7 +55,7 @@ export function IdentifyingInformation({
         <DisplayField
           label={InstitutionDataLabels.tin}
           value={data.tax_id}
-          fallbackValue={FALLBACK_BLANK}
+          fallbackValue={NOT_PROVIDED}
         />
         <DisplayField label={InstitutionDataLabels.rssd} value={data.rssd_id} />
         <DisplayField
@@ -73,7 +72,7 @@ export function IdentifyingInformation({
         <DisplayField
           label={InstitutionDataLabels.fiType}
           value={institutionTypeNamesString}
-          fallbackValue={FALLBACK_BLANK}
+          fallbackValue={NOT_PROVIDED}
         />
       </WellContainer>
     </FormSectionWrapper>

From ba68692a27cdb248c4d514195cb1fad0cca69734 Mon Sep 17 00:00:00 2001
From: Meis <meissadia@gmail.com>
Date: Thu, 31 Oct 2024 15:03:46 -0600
Subject: [PATCH 09/11] feat: [View Institution profile] Display alert for "Not
 provided" fields

---
 .../ViewInstitutionProfile/DisplayField.tsx   | 39 ++++++++++++++++++-
 1 file changed, 37 insertions(+), 2 deletions(-)

diff --git a/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx b/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx
index 851b9dd16..5357f89ee 100644
--- a/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx
+++ b/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx
@@ -1,12 +1,39 @@
 import classNames from 'classnames';
-import { Heading } from 'design-system-react';
+import { AlertFieldLevel, Heading, Link } from 'design-system-react';
 import type { ReactNode } from 'react';
+import { useParams } from 'react-router-dom';
+import InstitutionDataLabels from '../formHelpers';
 import './DisplayField.less';
 
 export const NOT_AVAILABLE = 'Not available';
 export const NOT_APPLICABLE = 'Not applicable';
 export const NOT_PROVIDED = 'Not provided';
 
+function LinkUpdateInstitutionProfile(): JSX.Element {
+  const { lei } = useParams();
+
+  return (
+    <Link href={`/institution/${lei}/update`}>
+      update your financial institution profile
+    </Link>
+  );
+}
+
+const NotProvidedAlertMessage = {
+  [InstitutionDataLabels.tin]: (
+    <p>
+      You must provide your TIN to file. For instructions on how to provide your
+      TIN visit <LinkUpdateInstitutionProfile />.
+    </p>
+  ),
+  [InstitutionDataLabels.fiType]: (
+    <p>
+      You must provide your type of financial institution to file. To provide
+      this information visit <LinkUpdateInstitutionProfile />.
+    </p>
+  ),
+};
+
 export interface DisplayFieldProperties {
   label?: ReactNode;
   value?: ReactNode;
@@ -20,6 +47,9 @@ export function DisplayField({
   className,
   fallbackValue,
 }: DisplayFieldProperties): JSX.Element {
+  const resultingValue = value ?? fallbackValue;
+  const showAlert = resultingValue === NOT_PROVIDED;
+
   return (
     <div className={classNames('display-field', className)}>
       {label ? (
@@ -27,7 +57,12 @@ export function DisplayField({
           {label}
         </Heading>
       ) : undefined}
-      <p className='u-mt10 break-all'>{value ?? fallbackValue}</p>
+      <p className='u-mt10 break-all'>{resultingValue}</p>
+      <AlertFieldLevel
+        status='warning'
+        isVisible={showAlert}
+        message={NotProvidedAlertMessage[label as string]}
+      />
     </div>
   );
 }

From cfa75ce35299dcb0396f497722d8e72486714837 Mon Sep 17 00:00:00 2001
From: Meis <meissadia@gmail.com>
Date: Thu, 31 Oct 2024 15:54:17 -0600
Subject: [PATCH 10/11] feat: [View Institution profile] Display alert for
 "Lapsed" fields

---
 src/components/CommonLinks.tsx                | 10 ++++++---
 .../ViewInstitutionProfile/DisplayField.tsx   | 22 ++++++++++++++-----
 .../FinancialInstitutionDetails.tsx           |  8 ++-----
 3 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/src/components/CommonLinks.tsx b/src/components/CommonLinks.tsx
index 2c89182b4..1dcd3e01f 100644
--- a/src/components/CommonLinks.tsx
+++ b/src/components/CommonLinks.tsx
@@ -1,10 +1,14 @@
 import { Link } from 'components/Link';
 import { Button } from 'design-system-react';
-import type { ReactElement } from 'react';
+import type { ComponentProps, ReactElement } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
 
-function GLIEF(): ReactElement {
-  return <Link href='https://www.gleif.org/'>GLEIF</Link>;
+function GLIEF(arguments_: ComponentProps<typeof Link>): ReactElement {
+  return (
+    <Link href='https://www.gleif.org/' {...arguments_}>
+      GLEIF
+    </Link>
+  );
 }
 
 function GetAnLEI(): ReactElement {
diff --git a/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx b/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx
index 5357f89ee..a48a413bf 100644
--- a/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx
+++ b/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx
@@ -1,4 +1,5 @@
 import classNames from 'classnames';
+import CommonLinks from 'components/CommonLinks';
 import { AlertFieldLevel, Heading, Link } from 'design-system-react';
 import type { ReactNode } from 'react';
 import { useParams } from 'react-router-dom';
@@ -8,6 +9,7 @@ import './DisplayField.less';
 export const NOT_AVAILABLE = 'Not available';
 export const NOT_APPLICABLE = 'Not applicable';
 export const NOT_PROVIDED = 'Not provided';
+export const LAPSED = 'Lapsed';
 
 function LinkUpdateInstitutionProfile(): JSX.Element {
   const { lei } = useParams();
@@ -20,16 +22,26 @@ function LinkUpdateInstitutionProfile(): JSX.Element {
 }
 
 const NotProvidedAlertMessage = {
+  [InstitutionDataLabels.leiStatus]: (
+    <p>
+      Your financial institution must have an active LEI to file. Visit{' '}
+      <CommonLinks.GLIEF isExternalLink={false} /> for instructions on how to
+      reactivate your LEI or{' '}
+      <CommonLinks.EmailSupportStaff subject='Reactivating an LEI' /> for
+      assistance.
+    </p>
+  ),
   [InstitutionDataLabels.tin]: (
     <p>
-      You must provide your TIN to file. For instructions on how to provide your
-      TIN visit <LinkUpdateInstitutionProfile />.
+      You must provide your TIN to file. Visit <LinkUpdateInstitutionProfile />{' '}
+      for instructions on how to update this information.
     </p>
   ),
   [InstitutionDataLabels.fiType]: (
     <p>
-      You must provide your type of financial institution to file. To provide
-      this information visit <LinkUpdateInstitutionProfile />.
+      You must provide your type of financial institution to file. Visit{' '}
+      <LinkUpdateInstitutionProfile /> for instructions on how to provide this
+      information.
     </p>
   ),
 };
@@ -48,7 +60,7 @@ export function DisplayField({
   fallbackValue,
 }: DisplayFieldProperties): JSX.Element {
   const resultingValue = value ?? fallbackValue;
-  const showAlert = resultingValue === NOT_PROVIDED;
+  const showAlert = [LAPSED, NOT_PROVIDED].includes(resultingValue as string);
 
   return (
     <div className={classNames('display-field', className)}>
diff --git a/src/pages/Filing/ViewInstitutionProfile/FinancialInstitutionDetails.tsx b/src/pages/Filing/ViewInstitutionProfile/FinancialInstitutionDetails.tsx
index 840ba7a13..f22885fbc 100644
--- a/src/pages/Filing/ViewInstitutionProfile/FinancialInstitutionDetails.tsx
+++ b/src/pages/Filing/ViewInstitutionProfile/FinancialInstitutionDetails.tsx
@@ -12,7 +12,7 @@ import { valueOrNotavailable } from 'utils/formatting';
 import { FormSectionWrapper } from '../../../components/FormSectionWrapper';
 import InstitutionDataLabels from '../formHelpers';
 import AddressStreetOptional from './AddressStreetOptional';
-import { DisplayField, NOT_AVAILABLE } from './DisplayField';
+import { DisplayField, LAPSED, NOT_AVAILABLE } from './DisplayField';
 
 export const formatDomains = (domains?: Domain[]): string => {
   if (!domains || domains.length === 0) return NOT_AVAILABLE;
@@ -76,11 +76,7 @@ export function FinancialInstitutionDetails({
         <DisplayField label={InstitutionDataLabels.lei} value={data.lei} />
         <DisplayField
           label={InstitutionDataLabels.leiStatus}
-          value={
-            <span className='capitalize'>
-              {data.is_active ? 'Issued' : 'Lapsed'}
-            </span>
-          }
+          value={data.is_active ? 'Issued' : LAPSED}
         />
         {isDomainsVisible ? (
           <DisplayField

From 46d65828236663195dcf54627bcab0e7d1779988 Mon Sep 17 00:00:00 2001
From: Meis <meissadia@gmail.com>
Date: Fri, 1 Nov 2024 10:17:59 -0600
Subject: [PATCH 11/11] task: [View Institution profile] Language update for
 alert (FI Type)

---
 src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx b/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx
index a48a413bf..70f8510f6 100644
--- a/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx
+++ b/src/pages/Filing/ViewInstitutionProfile/DisplayField.tsx
@@ -40,8 +40,7 @@ const NotProvidedAlertMessage = {
   [InstitutionDataLabels.fiType]: (
     <p>
       You must provide your type of financial institution to file. Visit{' '}
-      <LinkUpdateInstitutionProfile /> for instructions on how to provide this
-      information.
+      <LinkUpdateInstitutionProfile /> to provide this information.
     </p>
   ),
 };