mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-09-02 13:10: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
89 lines
2.7 KiB
TypeScript
89 lines
2.7 KiB
TypeScript
import * as React from 'react';
|
|
import {useIntl} from 'gatsby-plugin-intl';
|
|
import {Grid} from '@trussworks/react-uswds';
|
|
import {useWindowSize} from 'react-use';
|
|
|
|
import J40MainGridContainer from '../components/J40MainGridContainer';
|
|
import Layout from '../components/layout';
|
|
import DatasetsButton from '../components/DatasetsButton';
|
|
import ReleaseUpdate from '../components/ReleaseUpdate';
|
|
import SubPageNav from '../components/SubPageNav';
|
|
|
|
import * as DOWNLOADS_COPY from '../data/copy/downloads';
|
|
import {PAGES_ENDPOINTS, USWDS_BREAKPOINTS} from '../data/constants';
|
|
interface IDownloadsPageProps {
|
|
location: Location;
|
|
}
|
|
|
|
const DownloadsPage = ({location}: IDownloadsPageProps) => {
|
|
const intl = useIntl();
|
|
const {width} = useWindowSize();
|
|
|
|
return (
|
|
<Layout location={location} title={intl.formatMessage(DOWNLOADS_COPY.PAGE_INTRO.PAGE_TILE)}>
|
|
|
|
<J40MainGridContainer>
|
|
|
|
<section className={'page-heading'}>
|
|
<h1>{intl.formatMessage(DOWNLOADS_COPY.PAGE_INTRO.PAGE_HEADING1)}</h1>
|
|
<DatasetsButton href= {intl.locale === 'es' ? 'https://www.surveymonkey.com/r/ZPKY8G9' : 'https://www.surveymonkey.com/r/6G9TQJ8'} />
|
|
</section>
|
|
|
|
<Grid row gap className={'j40-mb5-mt3'}>
|
|
|
|
<Grid col={12} tablet={{col: 8}}>
|
|
|
|
<h2 className={'j40-mt-0 j40-mb-3'}>{DOWNLOADS_COPY.DOWNLOAD_LINKS.TITLE}</h2>
|
|
|
|
<section>
|
|
<ReleaseUpdate />
|
|
</section>
|
|
|
|
<p>
|
|
{DOWNLOADS_COPY.DOWNLOAD_LINKS.TEXT}
|
|
</p>
|
|
<p>
|
|
{DOWNLOADS_COPY.DOWNLOAD_LINKS.LINK1}
|
|
</p>
|
|
<p>
|
|
{DOWNLOADS_COPY.DOWNLOAD_LINKS.LINK2}
|
|
</p>
|
|
<p>
|
|
{DOWNLOADS_COPY.DOWNLOAD_LINKS.LINK3}
|
|
</p>
|
|
<p>
|
|
{DOWNLOADS_COPY.DOWNLOAD_LINKS.LINK4}
|
|
</p>
|
|
<p>
|
|
{DOWNLOADS_COPY.DOWNLOAD_LINKS.LINK6}
|
|
</p>
|
|
<p>
|
|
{DOWNLOADS_COPY.DOWNLOAD_LINKS.LINK5}
|
|
</p>
|
|
</Grid>
|
|
|
|
{/* Second column */}
|
|
<Grid col={12} tablet={{col: 1}}>
|
|
{/* Spacer column */}
|
|
</Grid>
|
|
|
|
{/* Third column - Only show the SubPagNav component on desktop width */}
|
|
{width > USWDS_BREAKPOINTS.DESKTOP ?
|
|
<Grid col={12} tablet={{col: 3}}>
|
|
<SubPageNav
|
|
activeSubPageIndex={1}
|
|
endPoints={[
|
|
PAGES_ENDPOINTS.METHODOLOGY,
|
|
PAGES_ENDPOINTS.DOWNLOADS,
|
|
PAGES_ENDPOINTS.PREVIOUS_VERSIONS,
|
|
]}
|
|
/>
|
|
</Grid> : ''}
|
|
</Grid>
|
|
|
|
</J40MainGridContainer>
|
|
</Layout>
|
|
);
|
|
};
|
|
|
|
export default DownloadsPage;
|