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

Adding Linting and Formatting (#77)

Browse source 
Addresses #11 item "Linting/formatting (eg eslnt, prettier)":
* Adding eslint, prettier, and config targeting Google, typescript, and both nodejs and client builds
* Addressing linter-found issues
* Adding lint and lint:fix commands
* Adding documentation
* Renaming workflow and adding lint check
* Adding documentation about VSCode linting/formatting, ran formatting on a few files, set up exclude list for gatsby develop, setup build to fail on error
This commit is contained in:
Nat Hillard 2021-05-25 16:21:21 -04:00 • committed by GitHub
commit a432a0d8c9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
16 changed files with 310 additions and 208 deletions
Download patch file Download diff file Expand all files Collapse all files

16
client/src/components/J40Footer.tsx
View file

@ -1,17 +1,17 @@
import React from 'react';
import { Footer } from '@trussworks/react-uswds';
import {Footer} from '@trussworks/react-uswds';
import {Link} from 'gatsby-plugin-intl';
const footerLinks = [
<Link to="/">Home</Link>
<Link to="/" key="/">Home</Link>,
];
const J40Footer = () => {
return (
<>
<Footer primary={[]} secondary={footerLinks} />
</>
);
return (
<>
<Footer primary={[]} secondary={footerLinks} />
</>
);
};
export default J40Footer;
export default J40Footer;

36
client/src/components/J40Header.tsx
View file

@ -1,25 +1,27 @@
import React from 'react';
import { GovBanner, Header, Title, PrimaryNav } from '@trussworks/react-uswds';
import { useIntl, Link } from "gatsby-plugin-intl"
import {GovBanner, Header, Title, PrimaryNav} from '@trussworks/react-uswds';
import {useIntl, Link} from 'gatsby-plugin-intl';
const headerLinks = [
<Link to="/">Home</Link>
<Link to="/" key="/">Home</Link>,
];
const J40Header = () => {
const intl = useIntl()
const title = intl.formatMessage({ id: "71L0pp", defaultMessage:"Justice40", description:"Title of the project" });
return (
<>
<GovBanner />
<Header>
<Title>
{title}
</Title>
<PrimaryNav items={headerLinks}/>
</Header>
</>
);
const intl = useIntl();
const title = intl.formatMessage({id: '71L0pp',
defaultMessage: 'Justice40',
description: 'Title of the project'});
return (
<>
<GovBanner />
<Header>
<Title>
{title}
</Title>
<PrimaryNav items={headerLinks}/>
</Header>
</>
);
};
export default J40Header;
export default J40Header;

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

@ -1,19 +1,19 @@
import React, { ReactNode } from "react";
import React, {ReactNode} from 'react';
import * as styles from './layout.module.scss';
import J40Header from './J40Header';
import J40Footer from "./J40Footer";
import J40Footer from './J40Footer';
interface ILayoutProps {
children: ReactNode
}
const Layout = ({ children }: ILayoutProps) => {
const Layout = ({children}: ILayoutProps) => {
return (
<div className={styles.site}>
<J40Header />
<div className={styles.siteContent}>{children}</div>
<J40Footer />
</div>
<div className={styles.site}>
<J40Header />
<div className={styles.siteContent}>{children}</div>
<J40Footer />
</div>
);
};
export default Layout;
export default Layout;