mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-07-29 00:11:16 -07:00
3ca4ca9e6d* Basic Layout - Merge with main into new branch - Most of main content and footer working. - Could not get fixed branch of trussworks to `npm install` correctly, so reverted back to public version. (`trussworks/react-uswds#kh-serverside-rendering-fix-1250"`) TODO: - stack sgv warning+cloud icons - get timeline image (which as text that needs to scale) - localization support - move icon includes out of header? - start converting elements over to trussworks * Cleanup - removed unused styles - added some better comments * Revert trussworks to fixed branch * Update package-lock.json * Temporarily pointing toward personal fork until SSR issue has been addressed * Update J40Footer.spec.tsx.snap * setting jestEnvironment to the proper 'jsdom' value, needed for snapshot tests * lingering prettier fix * small version bump Co-authored-by: Nat Hillard <Nathaniel.K.Hillard@omb.eop.gov>
68 lines
2.3 KiB
TypeScript
68 lines
2.3 KiB
TypeScript
import React from 'react';
|
|
import {Footer, Logo, FooterNav, Address} from '@trussworks/react-uswds';
|
|
// @ts-ignore
|
|
import whitehouseIcon from '../images/eop-seal.svg';
|
|
|
|
const J40Footer = () => {
|
|
return (
|
|
<>
|
|
<Footer
|
|
size="big"
|
|
primary={<></>}
|
|
secondary={<FooterNav
|
|
aria-label="Footer navigation"
|
|
size="big" // fyi you leave this off and it silently fails... lovely
|
|
className={'nobreak'}
|
|
links={[
|
|
[
|
|
'Agency Partners',
|
|
<a href="https://www.epa.gov/" target="_blank" rel="noreferrer"
|
|
key={'epalink'}>Environmental Protection Agency</a>,
|
|
<a href="https://www.whitehouse.gov/omb" target="_blank"
|
|
rel="noreferrer" key={'whitehouselink'}>Office of Management
|
|
and Budget</a>,
|
|
<a href="https://www.energy.gov/" target="_blank" rel="noreferrer"
|
|
key={'energylink'}>Department of Energy</a>,
|
|
<a href="https://www.hud.gov/" target="_blank" rel="noreferrer"
|
|
key={'hudlink'}>Department of Housing and Urban
|
|
Development</a>,
|
|
],
|
|
[
|
|
'More Information',
|
|
<a href="https://www.whitehouse.gov/" target="_blank"
|
|
rel="noreferrer"
|
|
key={'whitehouselink2'}>Whitehouse.gov</a>,
|
|
<a href="#" key={'accessibilitylink'}>Accessibility Statement</a>,
|
|
<a href="#" key={'privacylink'}>Privacy, Policies, and Legal
|
|
Information</a>,
|
|
],
|
|
// eslint-disable-next-line react/jsx-key
|
|
[<br/>,
|
|
<Logo
|
|
size="medium"
|
|
key={'logoimg'}
|
|
image={
|
|
<img className={'usa-footer__logo-img'} src={whitehouseIcon}
|
|
alt="Whitehouse logo"/>
|
|
}
|
|
/>,
|
|
],
|
|
[
|
|
<>Council on Environmental Quality<br/></>,
|
|
<Address className={'footerAddressReadability'}
|
|
key={'footeraddress'}
|
|
items={[
|
|
'730 Jackson Pl NW',
|
|
'Washington, D.C. 20506',
|
|
'(202) 395-5750',
|
|
]}
|
|
/>,
|
|
],
|
|
]}
|
|
/>}
|
|
/>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default J40Footer;
|