diff --git a/src/pages/Filing/ViewInstitutionProfile/index.tsx b/src/pages/Filing/ViewInstitutionProfile/index.tsx index 8c2cb341..659fa520 100644 --- a/src/pages/Filing/ViewInstitutionProfile/index.tsx +++ b/src/pages/Filing/ViewInstitutionProfile/index.tsx @@ -1,13 +1,14 @@ import { useQuery } from '@tanstack/react-query'; import { fetchInstitutionDetails } from 'api/requests'; import useSblAuth from 'api/useSblAuth'; +import CommonLinks from 'components/CommonLinks'; import CrumbTrail from 'components/CrumbTrail'; import FormHeaderWrapper from 'components/FormHeaderWrapper'; import FormWrapper from 'components/FormWrapper'; import { Link } from 'components/Link'; import { LoadingContent } from 'components/Loading'; +import { Alert } from 'design-system-react'; import { useParams } from 'react-router-dom'; -import { Error500 } from '../../Error/Error500'; import { AffiliateInformation } from './AffiliateInformation'; import { FinancialInstitutionDetails } from './FinancialInstitutionDetails'; import { IdentifyingInformation } from './IdentifyingInformation'; @@ -23,10 +24,25 @@ function InstitutionDetails(): JSX.Element | null { ); if (isLoading) return ; - if (isError) - return ( - - ); + + const errorMessage = 'A problem occurred when trying to load your profile'; + + const content = isError ? ( + + Try again in a few minutes. If this issues persists,{' '} + . + + ) : ( + <> + + + + {/* TODO: include history of changes after MVP + https://github.com/cfpb/sbl-project/issues/39 + + */} + + ); return (
@@ -39,13 +55,7 @@ function InstitutionDetails(): JSX.Element | null { - - - - {/* TODO: include history of changes after MVP - https://github.com/cfpb/sbl-project/issues/39 - - */} + {content}
);