diff --git a/client/src/components/J40Footer.tsx b/client/src/components/J40Footer.tsx index 5029375b..2dbd595a 100644 --- a/client/src/components/J40Footer.tsx +++ b/client/src/components/J40Footer.tsx @@ -1,9 +1,56 @@ import React from 'react'; import {Footer, Logo, FooterNav, Address} from '@trussworks/react-uswds'; +import {useIntl} from 'gatsby-plugin-intl'; +import {defineMessages} from 'react-intl'; + // @ts-ignore import whitehouseIcon from '../images/eop-seal.svg'; const J40Footer = () => { + const intl = useIntl(); + const messages = defineMessages({ + arialabelfooter: { + id: 'footer.arialabel', + defaultMessage: 'Footer navigation', + description: 'aria-label text for whole footer', + }, + logotitle: { + id: 'footer.logo.title', + defaultMessage: 'Council on Environmental Quality', + description: 'Footer under logo', + }, + moreinfoheader: { + id: 'footer.moreinfoheader', + defaultMessage: 'More Information', + description: 'Footer column header', + }, + foia: { + id: 'footer.foialink', + defaultMessage: 'Freedom of Information Act (FOIA)', + description: 'Footer FOIA link text', + }, + privacy: { + id: 'footer.privacylink', + defaultMessage: 'Privacy Policy', + description: 'Footer privacy policy link text', + }, + whitehouselogoalt: { + id: 'footer.whitehouselogoalt', + defaultMessage: 'Whitehouse logo', + description: 'Footer Whitehouse logo alt text', + }, + questionsheader: { + id: 'footer.questionsheader', + defaultMessage: 'Have a question about government services?', + description: 'Footer column header', + }, + contactlink: { + id: 'footer.findcontactlink', + defaultMessage: 'Find a contact at USA.gov', + description: 'Footer find contact link text', + }, + }); + return ( <>