mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-03 14:04:18 -07:00
8712ff53ec* Update survey links; ref external repo PR #117 * Restore the removed contact page survey link * Fix testing snapshots * linter errors * Update Spanish data survey link --------- Co-authored-by: Lucas Scharenbroich <lscharen@prowestgis.com>
76 lines
2.5 KiB
TypeScript
76 lines
2.5 KiB
TypeScript
import React from 'react';
|
|
import {useIntl} from 'gatsby-plugin-intl';
|
|
import {Grid} from '@trussworks/react-uswds';
|
|
|
|
import ExploreDataBox from '../components/ExploreDataBox';
|
|
import J40Map from '../components/J40Map';
|
|
import J40MainGridContainer from '../components/J40MainGridContainer';
|
|
import Layout from '../components/layout';
|
|
import DatasetsButton from '../components/DatasetsButton';
|
|
|
|
import * as EXPLORE_COPY from '../data/copy/explore';
|
|
import {DATA_SURVEY_LINKS} from '../data/constants';
|
|
|
|
interface IMapPageProps {
|
|
location: Location;
|
|
}
|
|
|
|
const ExporeToolPage = ({location}: IMapPageProps) => {
|
|
// We temporarily removed MapControls, which would enable you to `setFeatures` also, for now
|
|
// We will bring back later when we have interactive controls.
|
|
const intl = useIntl();
|
|
|
|
|
|
return (<Layout location={location} title={intl.formatMessage(EXPLORE_COPY.PAGE_INTRO.PAGE_TILE)}>
|
|
|
|
<J40MainGridContainer>
|
|
|
|
<section className={'page-heading'}>
|
|
<h1>{intl.formatMessage(EXPLORE_COPY.PAGE_INTRO.PAGE_HEADING)}</h1>
|
|
<DatasetsButton href= {intl.locale === 'es' ? DATA_SURVEY_LINKS.ES : DATA_SURVEY_LINKS.EN} />
|
|
</section>
|
|
|
|
<Grid row gap className={'j40-mb5-mt3'}>
|
|
|
|
{/* Gradually increase width of the Grid as the width decreases from desktop to mobile*/}
|
|
{/* desktop = 7 columns, tablet = 10 columns and mobile = 12 columns (full width) */}
|
|
<Grid desktop={{col: 8}} tablet={{col: 10}} col={12}>
|
|
<p>
|
|
{EXPLORE_COPY.PAGE_DESCRIPTION1}
|
|
</p>
|
|
<p>
|
|
{EXPLORE_COPY.PAGE_DESCRIPTION2}
|
|
</p>
|
|
</Grid>
|
|
<Grid desktop={{col: 4}} tablet={{col: 10}} col={12}>
|
|
<ExploreDataBox />
|
|
</Grid>
|
|
</Grid>
|
|
</J40MainGridContainer>
|
|
|
|
<J40MainGridContainer>
|
|
<Grid row>
|
|
<J40Map location={location}/>
|
|
</Grid>
|
|
</J40MainGridContainer>
|
|
|
|
<J40MainGridContainer>
|
|
<Grid desktop={{col: 7}} tablet={{col: 10}} col={12}>
|
|
<h2>{EXPLORE_COPY.NOTE_ON_TERRITORIES.INTRO}</h2>
|
|
<p>{EXPLORE_COPY.NOTE_ON_TERRITORIES.PARA_0}</p>
|
|
<p>{EXPLORE_COPY.NOTE_ON_TERRITORIES.PARA_1}</p>
|
|
<p>{EXPLORE_COPY.NOTE_ON_TERRITORIES.PARA_2}</p>
|
|
</Grid>
|
|
|
|
<Grid desktop={{col: 7}} tablet={{col: 10}} col={12}>
|
|
<h2>{EXPLORE_COPY.NOTE_ON_TRIBAL_NATIONS.INTRO}</h2>
|
|
<p>{EXPLORE_COPY.NOTE_ON_TRIBAL_NATIONS.PARA_1}</p>
|
|
<p>{EXPLORE_COPY.NOTE_ON_TRIBAL_NATIONS.PARA_2}</p>
|
|
</Grid>
|
|
</J40MainGridContainer>
|
|
|
|
</Layout>
|
|
);
|
|
};
|
|
|
|
export default ExporeToolPage;
|