diff --git a/src/App.tsx b/src/App.tsx index a85e8119b..c883747f5 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -8,7 +8,7 @@ import FooterCfGovWrapper from 'components/FooterCfGovWrapper'; import { Link } from 'components/Link'; import { LoadingApp, LoadingContent } from 'components/Loading'; import ScrollToTop from 'components/ScrollToTop'; -import { PageHeader, SkipNav } from 'design-system-react'; +import { Alert, PageHeader, SkipNav } from 'design-system-react'; import 'design-system-react/style.css'; import Error500 from 'pages/Error/Error500'; import { NotFound404 } from 'pages/Error/NotFound404'; @@ -113,6 +113,16 @@ function BasicLayout(): ReactElement {
+ {/* TODO: Move this component to the DSR for other teams' use */} + {/* See: https://github.com/cfpb/design-system-react/issues/352 */} +
+
+ +
+
diff --git a/src/components/BetaAndLegalNotice.tsx b/src/components/BetaAndLegalNotice.tsx new file mode 100644 index 000000000..e2bd7924e --- /dev/null +++ b/src/components/BetaAndLegalNotice.tsx @@ -0,0 +1,39 @@ +import { Alert, Heading, Paragraph, Link } from 'design-system-react'; + +export default function BetaAndLegalNotice(): ReactElement { + return ( + + + This is a beta for the small business lending data submission + platform + + + Thank you for participating. The data submission platform is + available to upload, test, and validate data. All uploaded data is + for testing purposes only and may be removed at any time. For + questions or feedback,{' '} + + email our support staff + + . + + + In light of court orders in ongoing litigation, the CFPB plans to + issue an interim final rule to extend the compliance dates of the + small business lending rule.{' '} + + Find out more + + + + } + status='warning' + // TODO: allow setting to strip heading formatting in Alerts post-mvp + // @ts-expect-error - See issue: https://github.com/cfpb/design-system-react/issues/351 + headingLevel={null} + /> + ); +} diff --git a/src/pages/AuthenticatedLanding/index.tsx b/src/pages/AuthenticatedLanding/index.tsx index 18b415122..730212e55 100644 --- a/src/pages/AuthenticatedLanding/index.tsx +++ b/src/pages/AuthenticatedLanding/index.tsx @@ -2,6 +2,7 @@ import { Divider, Hero, Layout, ListLink } from 'design-system-react'; import './Landing.less'; import AdditionalResources from 'components/AdditionalResources'; +import BetaAndLegalNotice from 'components/BetaAndLegalNotice'; import type { ReactElement } from 'react'; import { LoadingContent } from '../../components/Loading'; import { useAssociatedInstitutions } from '../../utils/useAssociatedInstitutions'; @@ -32,6 +33,7 @@ function Landing(): ReactElement | null { */} + +
Sign in with Login.gov