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

Addresses part of #16, (#71)

Browse source 
Integrate gatsby-plugin-intl for internationalization
Replaces static text with `intl.formatMessage` call and Links with `gatsby-plugin-intl` equivalent
Note: `npm install` now requires `--force` to install the latest `gatsby-plugin-intl` as it doesn't explicitly support gatsby3.0
This commit is contained in:
Nat Hillard 2021-05-21 13:05:27 -04:00 • committed by GitHub
commit a579cb13bf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 2475 additions and 1290 deletions
Download patch file Download diff file Expand all files Collapse all files

8
client/src/components/J40header.tsx
View file

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