Modifies ExploreTool page to match sprint 4 design (#481)

* initial commit of sprint 4 explore page

* adds styling on HowYouCanHelp module

* troubleshooting li element on deployed URL

removing local bullet styles

* removing unused styles

* recreating HowYouCanHelp

* explicit list el styles

* adds bullets back in

* fixes tooltip style and alert padding

* componentize MapLegend

* fix links

* inital intl and unit tests

* adds trusswork tooltip for comparison

* updates based on various feedback and disucssions:

- removes react-tooltip
- placeholder trussworks tooltip
- removes download packet component
- intl on HowYouCanHelp
- updates MapLegend tests
- add initial cy test on ExploreTool page

* removes bold on alert

* PR feedback:

- removes location from J40Alert
- localizes `COLOR KEY`

* adds intl to constants file

* modifies download zip URL to new S3 location

* removes location depedencies on Alerts

* add localization for HowYouCanHelp
This commit is contained in:
Vim 2021-08-10 09:45:45 -07:00 committed by GitHub
commit 174a0e1330
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
44 changed files with 974 additions and 426 deletions

View file

@ -1,8 +1,10 @@
import * as React from 'react';
import Layout from '../components/layout';
import {Grid} from '@trussworks/react-uswds';
import AlertWrapper from '../components/AlertWrapper';
import DatasetContainer from '../components/DatasetContainer';
import J40MainGridContainer from '../components/J40MainGridContainer';
import {Grid} from '@trussworks/react-uswds';
import Layout from '../components/layout';
interface MethodPageProps {
location: Location;
@ -10,46 +12,57 @@ interface MethodPageProps {
// markup
const IndexPage = ({location}: MethodPageProps) => {
return (<Layout location={location}>
<J40MainGridContainer>
<Grid row><Grid col>
<section>
<h1>Methodology</h1>
<p>
return (
<Layout location={location}>
<J40MainGridContainer fullWidth={true}>
<AlertWrapper hideWarningAlert={true}/>
</J40MainGridContainer>
<J40MainGridContainer className={'j40-main-content'}>
<Grid row>
<Grid col>
<section>
<h1>Methodology</h1>
<p>
The Just Progress tool combines demographic, environmental, and
socio-economic data to generate a cumulative index score, referred
to as the Just Progress Index. The tool currently utilizes
national,
publically-available data from the United States Census Bureaus
American Community Survey (ACS) and the EPAs EJScreen tool.
</p>
<p>
</p>
<p>
The various inputs into the Just Progress Index are averaged into
2 categories: Pollution Burden and Demographics.
</p>
<p>
</p>
<p>
Pollution Burden: health risks arising from proximity and
potential exposures to pollution and other adverse environmental
conditions
</p>
<p>
</p>
<p>
Demographics: sensitive populations and socioeconomic factors that
make a community more vulnerable
</p>
<p>
<b>Pollution Burden average x Demographics average = Just Progress
</p>
<p>
<b>Pollution Burden average x Demographics average = Just Progress
Index</b>
</p>
</section>
</Grid></Grid>
</J40MainGridContainer>
</p>
</section>
</Grid></Grid>
</J40MainGridContainer>
<J40MainGridContainer fullWidth={true}>
<Grid row><Grid col>
<DatasetContainer/>
</Grid></Grid>
</J40MainGridContainer>
</Layout>);
<J40MainGridContainer fullWidth={true}>
<Grid row>
<Grid col>
<DatasetContainer/>
</Grid>
</Grid>
</J40MainGridContainer>
</Layout>
);
};
export default IndexPage;