+
);
diff --git a/src/components/SectionIntro.tsx b/src/components/SectionIntro.tsx
new file mode 100644
index 000000000..30ac3c0ba
--- /dev/null
+++ b/src/components/SectionIntro.tsx
@@ -0,0 +1,21 @@
+import { Heading } from 'design-system-react';
+import FormParagraph from 'components/FormParagraph';
+
+interface SectionIntroProperties {
+ heading: ReactNode;
+ children: ReactNode;
+}
+
+function SectionIntro({
+ heading = '',
+ children = '',
+}: SectionIntroProperties): JSX.Element {
+ return (
+
+ {heading}
+ {children}
+
+ );
+}
+
+export default SectionIntro;
diff --git a/src/index.css b/src/index.css
index fd77363a2..13106f7e3 100644
--- a/src/index.css
+++ b/src/index.css
@@ -21,23 +21,4 @@ https://v1.tailwindcss.com/docs/adding-base-styles#using-css */
&:hover {
color: #2284d5;
}
-}
-
-[type='text']:focus {
- box-shadow: none;
-}
-
-:focus:not(#financialInstitutions) {
- outline: 1px dotted #0072ce !important;
- outline-offset: 3px;
-}
-
-/* Checkbox Border error styling - workaround */
-.m-form-field__checkbox.error-checkbox .a-label::before, .m-form-field__radio .a-label::before {
- @apply !border-errorColor !border-2
-}
-
-/* Workaround for styling the institution details on Profile-Form */
-.m-form-field__checkbox .invisible::before {
- visibility: hidden;
}
\ No newline at end of file
diff --git a/src/pages/Filing/InstitutionDetails/PageIntro.tsx b/src/pages/Filing/InstitutionDetails/PageIntro.tsx
index 0200d46c0..886b52a68 100644
--- a/src/pages/Filing/InstitutionDetails/PageIntro.tsx
+++ b/src/pages/Filing/InstitutionDetails/PageIntro.tsx
@@ -15,7 +15,7 @@ export function PageIntro(): JSX.Element {
}
callToAction={
-
+
diff --git a/src/pages/ProfileForm/ProfileFormUtils.ts b/src/pages/ProfileForm/ProfileFormUtils.ts
index d81edd48f..2e03fcb46 100644
--- a/src/pages/ProfileForm/ProfileFormUtils.ts
+++ b/src/pages/ProfileForm/ProfileFormUtils.ts
@@ -2,7 +2,7 @@ import type {
InstitutionDetailsApiType,
InstitutionDetailsApiCheckedType,
ValidationSchema,
- FormattedUserProfileObjectType
+ FormattedUserProfileObjectType,
} from 'pages/ProfileForm/types';
export const formatUserProfileObject = (
@@ -13,6 +13,7 @@ export const formatUserProfileObject = (
leis: userProfileObject.financialInstitutions.map(object => object.lei),
});
+// Set Checkbox of associated financial institutions to `false`/unchecked
export const formatDataCheckedState = (
fiDataInput: InstitutionDetailsApiType[] = [],
): InstitutionDetailsApiCheckedType[] =>
@@ -20,5 +21,5 @@ export const formatDataCheckedState = (
export default {
formatUserProfileObject,
- formatDataCheckedState
-}
+ formatDataCheckedState,
+};
diff --git a/src/pages/ProfileForm/Step1Form/AssociatedFinancialInstitutions.tsx b/src/pages/ProfileForm/Step1Form/AssociatedFinancialInstitutions.tsx
index 00cdb6300..47afeb3d4 100644
--- a/src/pages/ProfileForm/Step1Form/AssociatedFinancialInstitutions.tsx
+++ b/src/pages/ProfileForm/Step1Form/AssociatedFinancialInstitutions.tsx
@@ -25,22 +25,10 @@ function AssociatedFinancialInstitution({
- }
- checked={fiObject.checked}
- name={fiObject.lei}
- onChange={onCheckHandler}
- {...rest}
- />
-
+
+
{fiObject.name}
LEI: {fiObject.lei}
TIN: {fiObject.tax_id}
{fiObject.rssd_id ? (
@@ -50,6 +38,10 @@ function AssociatedFinancialInstitution({
) : null}