publicdata/j40-cejst-2
1
0
Fork 0
mirror of https://github.com/DOI-DO/j40-cejst-2.git synced 2025-07-27 18:21:16 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Tomn usds/template8 (#118)

Browse source 
* Fix issues from #120
* Include USWDS scss into build.
  Allows us to do theme things. Compile time slower... Not sure if it's worth it since most items can be overridden in css and we can't theme the Navbar (e.g. invert colors).
* Update J40Footer.spec.tsx.snap
* Update gatsby-config.js
This commit is contained in:
TomNUSDS 2021-06-14 11:06:23 -07:00 • committed by GitHub
commit 3837538e51
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 403 additions and 279 deletions
Download patch file Download diff file Expand all files Collapse all files

22
client/src/components/layout.tsx
View file

@ -1,7 +1,8 @@
import React, {ReactNode} from 'react';
import * as styles from './layout.module.scss';
import {GridContainer, Grid} from '@trussworks/react-uswds';
import J40Header from './J40Header';
import J40Footer from './J40Footer';
import J40Aside from '../components/J40Aside';
import {URLFlagProvider} from '../contexts/FlagContext';
interface ILayoutProps {
@ -12,11 +13,20 @@ interface ILayoutProps {
const Layout = ({children, location}: ILayoutProps) => {
return (
<URLFlagProvider location={location}>
<div className={styles.site}>
<J40Header />
<div className={styles.siteContent}>{children}</div>
<J40Footer />
</div>
<J40Header/>
<GridContainer containerSize={'desktop-lg'}
className={'j40-grid-container'}>
<Grid row>
<main id={'main-content'}
className={'usa-layout-docs desktop:grid-col-9 j40-main-content'}>
<section className={'usa-prose'}>
{children}
</section>
</main>
<J40Aside/>
</Grid>
</GridContainer>
<J40Footer/>
</URLFlagProvider>
);
};