mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-09-02 09:40:57 -07:00
856e5084db* update spanish content - closes #2154 * fix download links - add how to use communites document in Spanish * add language toggle on mobile - update snapshots * add instruction and memo in spanish * add translations * update tutorial links * update links to es * remove npm audit * add survey links to "how you can help" * change case back to lower case
83 lines
2.5 KiB
TypeScript
83 lines
2.5 KiB
TypeScript
import * as React from 'react';
|
|
import {Grid} from '@trussworks/react-uswds';
|
|
import {useIntl} from 'gatsby-plugin-intl';
|
|
import {useWindowSize} from 'react-use';
|
|
|
|
import Categories from '../components/Categories';
|
|
import DatasetContainer from '../components/DatasetContainer';
|
|
import J40MainGridContainer from '../components/J40MainGridContainer';
|
|
import Layout from '../components/layout';
|
|
import SubPageNav from '../components/SubPageNav';
|
|
import DatasetsButton from '../components/DatasetsButton';
|
|
|
|
import {USWDS_BREAKPOINTS} from '../data/constants';
|
|
import * as METHODOLOGY_COPY from '../data/copy/methodology';
|
|
import {PAGES_ENDPOINTS} from '../data/constants';
|
|
|
|
interface MethodPageProps {
|
|
location: Location;
|
|
}
|
|
|
|
const IndexPage = ({location}: MethodPageProps) => {
|
|
const intl = useIntl();
|
|
const {width} = useWindowSize();
|
|
|
|
return (
|
|
<Layout location={location} title={intl.formatMessage(METHODOLOGY_COPY.PAGE.TILE)}>
|
|
|
|
<J40MainGridContainer>
|
|
|
|
<section className={'page-heading'}>
|
|
<h1>{intl.formatMessage(METHODOLOGY_COPY.PAGE.HEADING)}</h1>
|
|
<DatasetsButton href= {intl.locale === 'es' ? 'https://www.surveymonkey.com/r/ZPKY8G9' : 'https://www.surveymonkey.com/r/6G9TQJ8'} />
|
|
</section>
|
|
|
|
<Grid row gap className={'j40-mt3'}>
|
|
|
|
{/* First column */}
|
|
<Grid col={12} tablet={{col: 8}}>
|
|
<section>
|
|
<p>
|
|
{intl.formatMessage(METHODOLOGY_COPY.PAGE.PARA1)}
|
|
</p>
|
|
|
|
<div>
|
|
<ul>
|
|
<li>
|
|
{intl.formatMessage(METHODOLOGY_COPY.PAGE.PARA1_BULLET1)}
|
|
</li>
|
|
<li className={'j40-mt3'}>
|
|
{intl.formatMessage(METHODOLOGY_COPY.PAGE.PARA1_BULLET2)}
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
</Grid>
|
|
|
|
{/* Second column */}
|
|
<Grid col={12} tablet={{col: 1}}>
|
|
{/* Spacer column */}
|
|
</Grid>
|
|
|
|
{/* Third column */}
|
|
{width > USWDS_BREAKPOINTS.DESKTOP ?
|
|
<Grid col={12} tablet={{col: 3}}>
|
|
<SubPageNav
|
|
endPoints={[
|
|
PAGES_ENDPOINTS.METHODOLOGY,
|
|
PAGES_ENDPOINTS.DOWNLOADS,
|
|
PAGES_ENDPOINTS.PREVIOUS_VERSIONS,
|
|
]}
|
|
/>
|
|
</Grid> : ''}
|
|
</Grid>
|
|
</J40MainGridContainer>
|
|
|
|
<Categories />
|
|
<DatasetContainer/>
|
|
|
|
</Layout>
|
|
);
|
|
};
|
|
|
|
export default IndexPage;
|