diff --git a/e2e/pages/filing-app/formAlerts.spec.ts b/e2e/pages/filing-app/formAlerts.spec.ts new file mode 100644 index 000000000..b55484020 --- /dev/null +++ b/e2e/pages/filing-app/formAlerts.spec.ts @@ -0,0 +1,253 @@ +import { expect } from '@playwright/test'; +import { test } from '../../fixtures/testFixture'; +import uploadFile from '../../utils/uploadFile'; + +test('Form Alerts', async ({ + page, + navigateToProvideTypeOfFinancialInstitution, +}) => { + test.slow(); + + // Type of financial institution page + await test.step('Type of financial institution page', async () => { + navigateToProvideTypeOfFinancialInstitution; + await expect(page.locator('h1'), 'h1 is correct').toContainText( + 'Provide type of financial institution', + ); + + // Submit Incomplete form + await test.step('Submit Incomplete form', async () => { + await test.step('Click: Continue', async () => { + await page.getByRole('button', { name: 'Continue' }).click(); + }); + await test.step('Error Alert is visible', async () => { + await page.waitForSelector('#TypesFinancialInstitutionsErrors', { + timeout: 10_000, + }); + await expect( + page.locator( + '#TypesFinancialInstitutionsErrors div.m-notification_content', + ), + 'Alert is visible', + ).toContainText( + 'There was a problem updating your type of financial institution', + ); + }); + }); + + // Submit Completed Form + await test.step('Submit Completed form', async () => { + await test.step('Complete form', async () => { + await page.getByText('Bank or savings association').check(); + }); + await test.step('Click: Continue', async () => { + await page.getByRole('button', { name: 'Continue' }).click(); + }); + }); + }); + + // Upload file with syntax errors + await test.step('Upload syntax errors file', async () => { + await uploadFile(page, true, 'syntax'); + + // Continue to next page + await test.step('Click: Continue', async () => { + await page.waitForSelector('#nav-next'); + await page.waitForTimeout(500); + await page.getByRole('button', { name: 'Continue to next step' }).click(); + }); + }); + + // Resolve errors (syntax) page + await test.step('Resolve errors (syntax) page', async () => { + await expect(page.locator('h1'), 'h1 is correct').toContainText( + 'Resolve errors (syntax)', + ); + await expect( + page.locator('#error-header-alert'), + 'Error alert is visible', + ).toContainText( + 'Your register contains syntax errorsThere may be an issue with the data type or format of one or more values in your file. Make sure your register meets the requirements detailed in the filing instructions guide (section 4, "Data validation"), make the corrections, and upload a new file.', + ); + await test.step('Click: Continue', async () => { + await page + .getByRole('button', { name: 'Continue' }) + .click({ timeout: 500 }); + }); + + await expect( + page.locator('#error-footer-alert'), + 'Footer alert is visible', + ).toContainText('You must resolve syntax errors to continue.'); + + await test.step('Click: Upload new file', async () => { + await page.getByRole('link', { name: 'Upload a new file' }).click(); + }); + }); + + // Upload file with logic errors + await test.step('Upload logic errors file', async () => { + await uploadFile(page, false, 'logic'); + + // Continue to next page + await test.step('Click: Continue', async () => { + await page.waitForSelector('#nav-next'); + await page.waitForTimeout(500); + await page.getByRole('button', { name: 'Continue to next step' }).click(); + }); + }); + + // Resolve errors (syntax) page + await test.step('Resolve errors (syntax) page', async () => { + await expect(page.locator('h1'), 'h1 is correct').toContainText( + 'Resolve errors (syntax)', + ); + await expect( + page.locator('.m-notification__success'), + 'Success message is visible', + ).toContainText('Your register contains no syntax errors'); + await test.step('Click: Continue', async () => { + await page.getByRole('button', { name: 'Continue' }).click(); + }); + }); + + // Resolve errors (logic) page + await test.step('Resolve errors (logic) page', async () => { + await expect(page.locator('h1'), 'h1 is correct').toContainText( + 'Resolve errors (logic)', + ); + await expect( + page.locator('#error-header-alert'), + 'Error alert is visible', + ).toContainText( + 'Your register contains logic errorsThere is missing data, incorrect data, or conflicting information in your file. Make sure your register meets the requirements detailed in the filing instructions guide (section 4, "Data validation"), make the corrections, and upload a new file.', + ); + await test.step('Click: Continue', async () => { + await page + .getByRole('button', { name: 'Continue to next step' }) + .click({ timeout: 500 }); + }); + + await expect( + page.locator('#error-footer-alert'), + 'Footer alert is visible', + ).toContainText( + 'You must resolve all errors to continue to the next step.', + ); + await test.step('Click: Upload new file', async () => { + await page.getByRole('link', { name: 'Upload a new file' }).click(); + }); + }); + + // Upload file with warnings + await test.step('Upload warnings file', async () => { + await uploadFile(page, false, 'warning'); + + await test.step('Click: Continue', async () => { + await page + .getByRole('button', { name: 'Continue to next step' }) + .click({ timeout: 5000 }); + }); + }); + + // Resolve errors (syntax) page + await test.step('Resolve errors (syntax) page', async () => { + await expect(page.locator('h1'), 'h1 is correct').toContainText( + 'Resolve errors (syntax)', + ); + await expect( + page.locator('.m-notification__success'), + 'Success message is visible', + ).toContainText('Your register contains no syntax errors'); + + await test.step('Click: Continue', async () => { + await page + .getByRole('button', { name: 'Continue' }) + .click({ timeout: 5000 }); + }); + }); + + // Resolve errors (logic) page + await test.step('Resolve errors (logic) page', async () => { + await expect(page.locator('h1'), 'h1 is correct').toContainText( + 'Resolve errors (logic)', + ); + await expect( + page.locator('.m-notification__success'), + 'Success message is visible', + ).toContainText('Your register contains no logic errors'); + await test.step('Click: Continue', async () => { + await page + .getByRole('button', { name: 'Continue to next step' }) + .click({ timeout: 5000 }); + }); + }); + + // Review warnings page + await test.step('Review warnings page', async () => { + await expect(page.locator('h1'), 'h1 is correct').toContainText( + 'Review warnings', + ); + await test.step('Click: Continue', async () => { + await page.getByRole('button', { name: 'Continue to next step' }).click(); + }); + await expect( + page.locator('#error-header-alert'), + 'Error alert is visible', + ).toContainText( + 'You must correct or verify the accuracy of register values to continue to the next step.', + ); + await test.step('Click: Verify checkbox', async () => { + await page.getByText('I verify the accuracy of').check({ timeout: 500 }); + }); + await test.step('Click: Continue', async () => { + await page.getByRole('button', { name: 'Continue to next step' }).click(); + }); + }); + + // Point of contact page + await test.step('Point of contact page', async () => { + await expect(page.locator('h1'), 'h1 is correct').toContainText( + 'Provide point of contact', + ); + + // Submit Incomplete form + await test.step('Submit Incomplete form', async () => { + await test.step('Click: Continue', async () => { + await page + .getByRole('button', { name: 'Continue to next step' }) + .click(); + }); + await expect( + page.locator('.m-notification__error'), + 'Error alert is visible', + ).toContainText( + 'There was a problem updating your point of contact informationEnter the first name of the point of contactEnter the last name of the point of contactEnter the phone number of the point of contactEnter the email address of the point of contactEnter the street address of the point of contactEnter the city of the point of contactSelect the state or territory of the point of contactEnter the ZIP code of the point of contact', + ); + }); + + // Submit Completed form + await test.step('Submit Completed form', async () => { + await test.step('Complete form', async () => { + await page.getByLabel('First name').fill('Playwright'); + await page.getByLabel('Last name').fill('Test'); + await page.getByLabel('Work phone').fill('555-555-5555'); + await page.getByLabel('Email address').fill('playwright@test.com'); + await page.getByLabel('Street address line 1').fill('555 Main St.'); + await page.getByLabel('City').fill('Utah (U'); + await page.selectOption('select#state', 'UT'); + await page.getByLabel('Zip code').fill('55555'); + }); + }); + await test.step('Click: Continue', async () => { + await page.getByRole('button', { name: 'Continue to next step' }).click(); + }); + }); + + // Sign and submit page + await test.step('Sign and submit page', async () => { + await expect(page.locator('h1'), 'h1 is correct').toContainText( + 'Sign and submit', + ); + }); +}); diff --git a/e2e/test-data/sample-sblar-files/errors-page-1-syntax-few.csv b/e2e/test-data/sample-sblar-files/errors-page-1-syntax-few.csv new file mode 100644 index 000000000..5216f78df --- /dev/null +++ b/e2e/test-data/sample-sblar-files/errors-page-1-syntax-few.csv @@ -0,0 +1,4 @@ +uid,app_date,app_method,app_recipient,ct_credit_product,ct_credit_product_ff,ct_guarantee,ct_guarantee_ff,ct_loan_term_flag,ct_loan_term,credit_purpose,credit_purpose_ff,amount_applied_for_flag,amount_applied_for,amount_approved,action_taken,action_taken_date,denial_reasons,denial_reasons_ff,pricing_interest_rate_type,pricing_init_rate_period,pricing_fixed_rate,pricing_adj_margin,pricing_adj_index_name,pricing_adj_index_name_ff,pricing_adj_index_value,pricing_origination_charges,pricing_broker_fees,pricing_initial_charges,pricing_mca_addcost_flag,pricing_mca_addcost,pricing_prepenalty_allowed,pricing_prepenalty_exists,census_tract_adr_type,census_tract_number,gross_annual_revenue_flag,gross_annual_revenue,naics_code_flag,naics_code,number_of_workers,time_in_business_type,time_in_business,business_ownership_status,num_principal_owners_flag,num_principal_owners,po_1_ethnicity,po_1_ethnicity_ff,po_1_race,po_1_race_anai_ff,po_1_race_asian_ff,po_1_race_baa_ff,po_1_race_pi_ff,po_1_gender_flag,po_1_gender_ff,po_2_ethnicity,po_2_ethnicity_ff,po_2_race,po_2_race_anai_ff,po_2_race_asian_ff,po_2_race_baa_ff,po_2_race_pi_ff,po_2_gender_flag,po_2_gender_ff,po_3_ethnicity,po_3_ethnicity_ff,po_3_race,po_3_race_anai_ff,po_3_race_asian_ff,po_3_race_baa_ff,po_3_race_pi_ff,po_3_gender_flag,po_3_gender_ff,po_4_ethnicity,po_4_ethnicity_ff,po_4_race,po_4_race_anai_ff,po_4_race_asian_ff,po_4_race_baa_ff,po_4_race_pi_ff,po_4_gender_flag,po_4_gender_ff +000TESTFIUIDDONOTUSEXBXVID451XTC1,20241201,1,1,988,,999,,999,,999,,999,,,5,20241231,999,,999,,,,999,,,,,,999,,999,999,988,,988,,988,,988,988,,988,900,9001,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, +000TESTFIUIDDONOTUSEXBXVID452XTC1,20241201,1,1,988,,999,,999,,999,,999,,,5,20241231,999,,999,,,,999,,,,,,999,,999,999,988,,988,,988,,988,988,,988,988,must be blank,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, +000TESTFIUIDDONOTUSEXBXVID21XTC2,12012024,1,1,988,,999,,999,,999,,999,,,5,20241231,999,,999,,,,999,,,,,,999,,999,999,988,,988,,988,,988,988,,988,988,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, \ No newline at end of file diff --git a/e2e/test-data/sample-sblar-files/errors-page-2-logic-few.csv b/e2e/test-data/sample-sblar-files/errors-page-2-logic-few.csv new file mode 100644 index 000000000..c3253537c --- /dev/null +++ b/e2e/test-data/sample-sblar-files/errors-page-2-logic-few.csv @@ -0,0 +1,4 @@ +uid,app_date,app_method,app_recipient,ct_credit_product,ct_credit_product_ff,ct_guarantee,ct_guarantee_ff,ct_loan_term_flag,ct_loan_term,credit_purpose,credit_purpose_ff,amount_applied_for_flag,amount_applied_for,amount_approved,action_taken,action_taken_date,denial_reasons,denial_reasons_ff,pricing_interest_rate_type,pricing_init_rate_period,pricing_fixed_rate,pricing_adj_margin,pricing_adj_index_name,pricing_adj_index_name_ff,pricing_adj_index_value,pricing_origination_charges,pricing_broker_fees,pricing_initial_charges,pricing_mca_addcost_flag,pricing_mca_addcost,pricing_prepenalty_allowed,pricing_prepenalty_exists,census_tract_adr_type,census_tract_number,gross_annual_revenue_flag,gross_annual_revenue,naics_code_flag,naics_code,number_of_workers,time_in_business_type,time_in_business,business_ownership_status,num_principal_owners_flag,num_principal_owners,po_1_ethnicity,po_1_ethnicity_ff,po_1_race,po_1_race_anai_ff,po_1_race_asian_ff,po_1_race_baa_ff,po_1_race_pi_ff,po_1_gender_flag,po_1_gender_ff,po_2_ethnicity,po_2_ethnicity_ff,po_2_race,po_2_race_anai_ff,po_2_race_asian_ff,po_2_race_baa_ff,po_2_race_pi_ff,po_2_gender_flag,po_2_gender_ff,po_3_ethnicity,po_3_ethnicity_ff,po_3_race,po_3_race_anai_ff,po_3_race_asian_ff,po_3_race_baa_ff,po_3_race_pi_ff,po_3_gender_flag,po_3_gender_ff,po_4_ethnicity,po_4_ethnicity_ff,po_4_race,po_4_race_anai_ff,po_4_race_asian_ff,po_4_race_baa_ff,po_4_race_pi_ff,po_4_gender_flag,po_4_gender_ff +123456789TESTBANK12300001,20201201,1,1,988,test,999;999;999;999;999;999,test,988,0,999;999;999;999,test,999,0,0,3,20241031,999;999;999;999;999,test,5,,0,,999,test,0,,,,900,,999,999,988,01001020100,988,0,988,1234,988,988,0,988;988,900,0,1,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, +123456789TESTBANK12300001,20241201,1,1,988,test,999;999;999;999;999;999,test,988,0,999;999;999;999,test,999,0,0,1,20201231,977,,5,,0,,999,test,0,,,,900,,999,999,988,01001020100,988,0,988,1234,988,988,0,988;988,900,4,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, +123456789TESTBANK12300001,20241201,1,1,988,test,999;999;999;999;999;999,test,988,0,999;999;999;999,test,999,0,0,1,20201231,977,,5,0,0,,999,test,0,,,,900,,999,999,988,01001020100,988,0,988,1234,988,988,0,988;988,900,4,966;966,test,966;966,test,test,test,test,,test,966;966,test,966;966,test,test,test,test,,test,966;966,test,966;966,test,test,test,test,,test,966;966,test,966;966,test,test,test,test,,test diff --git a/e2e/test-data/sample-sblar-files/warnings-page-few.csv b/e2e/test-data/sample-sblar-files/warnings-page-few.csv new file mode 100644 index 000000000..4ece33eb5 --- /dev/null +++ b/e2e/test-data/sample-sblar-files/warnings-page-few.csv @@ -0,0 +1,3 @@ +uid,app_date,app_method,app_recipient,ct_credit_product,ct_credit_product_ff,ct_guarantee,ct_guarantee_ff,ct_loan_term_flag,ct_loan_term,credit_purpose,credit_purpose_ff,amount_applied_for_flag,amount_applied_for,amount_approved,action_taken,action_taken_date,denial_reasons,denial_reasons_ff,pricing_interest_rate_type,pricing_init_rate_period,pricing_fixed_rate,pricing_adj_margin,pricing_adj_index_name,pricing_adj_index_name_ff,pricing_adj_index_value,pricing_origination_charges,pricing_broker_fees,pricing_initial_charges,pricing_mca_addcost_flag,pricing_mca_addcost,pricing_prepenalty_allowed,pricing_prepenalty_exists,census_tract_adr_type,census_tract_number,gross_annual_revenue_flag,gross_annual_revenue,naics_code_flag,naics_code,number_of_workers,time_in_business_type,time_in_business,business_ownership_status,num_principal_owners_flag,num_principal_owners,po_1_ethnicity,po_1_ethnicity_ff,po_1_race,po_1_race_anai_ff,po_1_race_asian_ff,po_1_race_baa_ff,po_1_race_pi_ff,po_1_gender_flag,po_1_gender_ff,po_2_ethnicity,po_2_ethnicity_ff,po_2_race,po_2_race_anai_ff,po_2_race_asian_ff,po_2_race_baa_ff,po_2_race_pi_ff,po_2_gender_flag,po_2_gender_ff,po_3_ethnicity,po_3_ethnicity_ff,po_3_race,po_3_race_anai_ff,po_3_race_asian_ff,po_3_race_baa_ff,po_3_race_pi_ff,po_3_gender_flag,po_3_gender_ff,po_4_ethnicity,po_4_ethnicity_ff,po_4_race,po_4_race_anai_ff,po_4_race_asian_ff,po_4_race_baa_ff,po_4_race_pi_ff,po_4_gender_flag,po_4_gender_ff +000TESTFIUIDDONOTUSEXGXVID11XTC1,20241201,1,1,988,,999,,999,,999,,999,,,5,20241231,999,,999,,,,999,,,,,,999,,999,999,988,,988,,988,,988,988,,988,988,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, +000TESTFIUIDDONOTUSEXGXVID12XTC1,20241201,1,1,1,,999,,900,1300,999,,999,,,5,20241231,999,,999,,,,999,,,,,,999,,999,999,988,,988,,988,,988,988,,988,988,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, \ No newline at end of file diff --git a/src/components/AlertApiUnavailable.tsx b/src/components/AlertApiUnavailable.tsx index 2d318dc7a..9e7b6e70e 100644 --- a/src/components/AlertApiUnavailable.tsx +++ b/src/components/AlertApiUnavailable.tsx @@ -4,7 +4,8 @@ import type { ComponentProps } from 'react'; import { sblHelpMail } from 'utils/common'; interface AlertApiUnavailableProperties { - message: string; + // eslint-disable-next-line react/require-default-props + message?: string; // eslint-disable-next-line react/require-default-props href?: string; } @@ -12,13 +13,13 @@ interface AlertApiUnavailableProperties { * For use when an API call fails */ export function AlertApiUnavailable({ - message, + message = 'Unable to connect at the moment', href = sblHelpMail, ...others }: AlertApiUnavailableProperties & ComponentProps): JSX.Element { return ( - There was a connection issue or our service may be temporarily - unavailable. Make sure your computer is connected to the internet, and - try again. If this issue persists,{' '} - contact our support staff. + Try again in a few minutes. If this issue persists,{' '} + email our support staff. ); diff --git a/src/pages/Filing/FilingApp/FilingErrors/FilingErrorsAlerts.tsx b/src/pages/Filing/FilingApp/FilingErrors/FilingErrorsAlerts.tsx index 3a8c3b89a..dbc3fdbd8 100644 --- a/src/pages/Filing/FilingApp/FilingErrors/FilingErrorsAlerts.tsx +++ b/src/pages/Filing/FilingApp/FilingErrors/FilingErrorsAlerts.tsx @@ -1,5 +1,4 @@ -import { Link } from 'components/Link'; -import { Alert, Paragraph } from 'design-system-react'; +import { Alert, Link, Paragraph } from 'design-system-react'; import { ValidationInitialFetchFailAlert } from 'pages/Filing/FilingApp/FileSubmission.data'; import { dataValidationLink } from 'utils/common'; @@ -14,7 +13,6 @@ function SuccessAlert({ isStep2 }: { isStep2: boolean }): JSX.Element { /> ); } - function SyntaxErrorsAlert(): JSX.Element { return ( + ); +} + +function LogicErrorsAlertFooter(): JSX.Element { + return ( + + ); +} + interface FilingErrorsAlertsProperties { isStep2: boolean; errorState: boolean; errorGetSubmissionLatest: unknown; } +export function FilingErrorsAlertsFooter({ + isStep2, + errorState, + errorGetSubmissionLatest, +}: FilingErrorsAlertsProperties): JSX.Element | null { + return errorGetSubmissionLatest ? ( + + ) : errorState && isStep2 ? ( + + ) : errorState && !isStep2 ? ( + + ) : null; +} + function FilingErrorsAlerts({ isStep2, errorState, diff --git a/src/pages/Filing/FilingApp/FilingErrors/index.tsx b/src/pages/Filing/FilingApp/FilingErrors/index.tsx index 7b03d2d33..0e0f39349 100644 --- a/src/pages/Filing/FilingApp/FilingErrors/index.tsx +++ b/src/pages/Filing/FilingApp/FilingErrors/index.tsx @@ -7,7 +7,9 @@ import { LoadingContent } from 'components/Loading'; import { Paragraph, TextIntroduction } from 'design-system-react'; import FieldSummary from 'pages/Filing/FilingApp/FieldSummary'; import { getErrorsWarningsSummary } from 'pages/Filing/FilingApp/FilingErrors/FilingErrors.helpers'; -import FilingErrorsAlerts from 'pages/Filing/FilingApp/FilingErrors/FilingErrorsAlerts'; +import FilingErrorsAlerts, { + FilingErrorsAlertsFooter, +} from 'pages/Filing/FilingApp/FilingErrors/FilingErrorsAlerts'; import { FilingSteps } from 'pages/Filing/FilingApp/FilingSteps'; import InstitutionHeading from 'pages/Filing/FilingApp/InstitutionHeading'; import { scrollToElement } from 'pages/ProfileForm/ProfileFormUtils'; @@ -123,9 +125,6 @@ function FilingErrors(): JSX.Element { isStep2, ]); - if (isFetchingGetSubmissionLatest || isLoadingInstitution) - return ; - const onPreviousClick = (): void => { if (isStep2) { setIsStep2(false); @@ -134,10 +133,12 @@ function FilingErrors(): JSX.Element { navigate(`/filing/${year}/${lei}/upload`); } }; + const [showFooterAlerts, setShowFooterAlerts] = useState(false); const onNextClick = (): void => { if (errorState) { scrollToElement('error-header-alert'); + setShowFooterAlerts(true); } else if (isStep2) { navigate(`/filing/${year}/${lei}/warnings`); } else { @@ -148,6 +149,9 @@ function FilingErrors(): JSX.Element { const onDebugStepSwitch = (): void => setIsStep2(step => !step); + if (isFetchingGetSubmissionLatest || isLoadingInstitution) + return ; + return (
@@ -270,7 +274,7 @@ function FilingErrors(): JSX.Element { ) : null} - + + {showFooterAlerts ? ( + + ) : null} + {/* NOTE: Will not show up in deployed */} {import.meta.env.DEV ? (
) : null} @@ -277,6 +267,14 @@ function FilingWarnings(): JSX.Element { isLoading={isLoadingSubmitWarningsAccept} /> + {hasVerifyError ? ( + + ) : null} ); diff --git a/src/pages/Filing/FilingApp/InstitutionCard.tsx b/src/pages/Filing/FilingApp/InstitutionCard.tsx index 8fe6e8a68..82b29cb2f 100644 --- a/src/pages/Filing/FilingApp/InstitutionCard.tsx +++ b/src/pages/Filing/FilingApp/InstitutionCard.tsx @@ -1,5 +1,6 @@ +import AlertApiUnavailable from 'components/AlertApiUnavailable'; import { Link } from 'components/Link'; -import { Alert, Button, Heading, Icon, Paragraph } from 'design-system-react'; +import { Button, Heading, Icon, Paragraph } from 'design-system-react'; import type { JSXElement } from 'design-system-react/dist/types/jsxElement'; import type { JSX } from 'react'; import { useNavigate } from 'react-router-dom'; @@ -148,8 +149,7 @@ function InstitutionCardDataWrapper({ // @ts-expect-error Part of code cleanup for post-mvp see: https://github.com/cfpb/sbl-frontend/issues/717 {/* eslint-disable @typescript-eslint/no-unsafe-assignment */} - {/* @ts-expect-error Part of code cleanup for post-mvp see: https://github.com/cfpb/sbl-frontend/issues/717 */} - + {/* eslint-enable @typescript-eslint/no-unsafe-assignment */} ); diff --git a/src/pages/TypesFinancialInstitutions/index.tsx b/src/pages/TypesFinancialInstitutions/index.tsx index 6d4b16131..b54c38bb3 100644 --- a/src/pages/TypesFinancialInstitutions/index.tsx +++ b/src/pages/TypesFinancialInstitutions/index.tsx @@ -70,13 +70,6 @@ function TypesFinancialInstitutions(): JSX.Element { if (isLoading) return ; - if (isError) - return ( -
- -
- ); - const onSubmit = async ( event?: React.FormEvent, ): Promise => { @@ -134,43 +127,47 @@ function TypesFinancialInstitutions(): JSX.Element { formErrorHeaderObject={UpdateTOIFormHeaderErrors} keyLogicFunc={normalKeyLogic} /> - {/* eslint-disable-next-line @typescript-eslint/no-misused-promises */} - - -
- - An unknown error occurred. If this issue persists,{' '} - - email our support staff - - . - -
- - + ) : ( + // eslint-disable-next-line @typescript-eslint/no-misused-promises + + - - +
+ + An unknown error occurred. If this issue persists,{' '} + + email our support staff + + . + +
+ + + + + )} );