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

Remove public engagement page and add v1.0 to previous versions

Browse source
This commit is contained in:
Carlos Felix 2024-12-18 10:05:19 -05:00 • committed by Carlos Felix
commit 64839d01ee
42 changed files with 322 additions and 2980 deletions
Download patch file Download diff file Expand all files Collapse all files

91
client/src/pages/previous-versions.tsx
View file

@ -2,16 +2,19 @@ import * as React from 'react';
import {useIntl} from 'gatsby-plugin-intl';
import {useWindowSize} from 'react-use';
import {Card, CardBody, CardFooter, CardHeader, Grid} from '@trussworks/react-uswds';
import {Card, CardBody, CardFooter, CardGroup, CardHeader, Grid, Button} from '@trussworks/react-uswds';
import DatasetsButton from '../components/DatasetsButton';
import DownloadButton from '../components/DownloadButton';
import J40MainGridContainer from '../components/J40MainGridContainer';
import Layout from '../components/layout';
import DatasetsButton from '../components/DatasetsButton';
import SubPageNav from '../components/SubPageNav';
import * as PREV_VER_COPY from '../data/copy/previousVer';
import {PAGES_ENDPOINTS, USWDS_BREAKPOINTS, DATA_SURVEY_LINKS} from '../data/constants';
import {getDownloadFileUrl} from '../data/copy/downloads';
import {VERSIONS} from '../data/copy/methodology';
// @ts-ignore
import launchIcon from '/node_modules/uswds/dist/img/usa-icons/launch.svg';
interface IPreviousVersionsProps {
location: Location;
@ -41,8 +44,8 @@ const PreviousVersions = ({location}: IPreviousVersionsProps) => {
{/* First column */}
<Grid col={12} tablet={{col: 8}}>
<section style={containerStyle}>
<ul>
<Card className={'previous-versions-container'} gridLayout={{tablet: {col: 6}}}>
<CardGroup>
<Card className="previous-versions-container" gridLayout={{tablet: {col: 6}}}>
<CardHeader>
<h2 className="usa-card__heading">{PREV_VER_COPY.CARD.TITLE}</h2>
</CardHeader>
@ -50,9 +53,17 @@ const PreviousVersions = ({location}: IPreviousVersionsProps) => {
<p> {PREV_VER_COPY.CARD.BODY}</p>
</CardBody>
<CardFooter>
<DownloadButton
downloadLink={getDownloadFileUrl(process.env.GATSBY_FILE_DL_PATH_BETA_TRAINING_SLIDES_PPT,
VERSIONS.BETA)}
buttonText={intl.formatMessage(PREV_VER_COPY.VIDEO.BUTTON2_TEXT)
}
imageAltTagText={intl.formatMessage(PREV_VER_COPY.VIDEO.IMG_ALT_TEXT2)}
color={'default'}
/>
<DownloadButton
downloadLink={
getDownloadFileUrl(process.env.GATSBY_FILE_DL_PATH_BETA_DATA_DOC, true)
getDownloadFileUrl(process.env.GATSBY_FILE_DL_PATH_BETA_DATA_DOC, VERSIONS.BETA)
}
buttonText={intl.formatMessage(PREV_VER_COPY.BUTTON.TITLE1)}
imageAltTagText={intl.formatMessage(PREV_VER_COPY.BUTTON.BUTTON1_ALT_TAG)}
@ -60,15 +71,81 @@ const PreviousVersions = ({location}: IPreviousVersionsProps) => {
/>
<DownloadButton
downloadLink={
getDownloadFileUrl(process.env.GATSBY_FILE_DL_PATH_BETA_SHAPE_FILE_ZIP, true)
getDownloadFileUrl(process.env.GATSBY_FILE_DL_PATH_BETA_SHAPE_FILE_ZIP, VERSIONS.BETA)
}
buttonText={intl.formatMessage(PREV_VER_COPY.BUTTON.TITLE2)}
imageAltTagText={intl.formatMessage(PREV_VER_COPY.BUTTON.BUTTON2_ALT_TAG)}
color={'default'}
/>
<a className="previous-versions-demoLink"
href="https://www.youtube.com/watch?v=QwHWcXbhw28"
target={'_blank'}
rel="noreferrer"
>
<Button
type="button"
className="youTubeBtn"
>
<div className="buttonContainer">
<div className="buttonText">
{intl.formatMessage(PREV_VER_COPY.VIDEO.BUTTON1_BETA_TEXT)}
</div>
<img className="buttonImage"
src={launchIcon}
alt={intl.formatMessage(PREV_VER_COPY.VIDEO.IMG_ALT_TEXT1)}
/>
</div>
</Button>
</a>
</CardFooter>
</Card>
</ul>
<Card gridLayout={{tablet: {col: 6}}} className={'previous-versions-container'}>
<CardHeader>
<h2 className="usa-card__heading">{PREV_VER_COPY.CARD_1_0.TITLE}</h2>
</CardHeader>
<CardBody>
<p> {PREV_VER_COPY.CARD_1_0.BODY}</p>
</CardBody>
<CardFooter>
<DownloadButton
downloadLink={
getDownloadFileUrl(process.env.GATSBY_FILE_DL_PATH_1_0_DATA_DOC, VERSIONS.V1_0)
}
buttonText={intl.formatMessage(PREV_VER_COPY.BUTTON.TITLE1)}
imageAltTagText={intl.formatMessage(PREV_VER_COPY.BUTTON.BUTTON1_ALT_TAG)}
color={'default'}
/>
<DownloadButton
downloadLink={
getDownloadFileUrl(process.env.GATSBY_FILE_DL_PATH_1_0_SHAPE_FILE_ZIP, VERSIONS.V1_0)
}
buttonText={intl.formatMessage(PREV_VER_COPY.BUTTON.TITLE2)}
imageAltTagText={intl.formatMessage(PREV_VER_COPY.BUTTON.BUTTON2_ALT_TAG)}
color={'default'}
/>
<a className="previous-versions-demoLink"
href="https://www.youtube.com/watch?v=QwHWcXbhw28"
target={'_blank'}
rel="noreferrer"
>
<Button
type="button"
className="youTubeBtn"
>
<div className="buttonContainer">
<div className="buttonText">
{intl.formatMessage(PREV_VER_COPY.VIDEO.BUTTON1_1_0_TEXT)}
</div>
<img className="buttonImage"
src={launchIcon}
alt={intl.formatMessage(PREV_VER_COPY.VIDEO.IMG_ALT_TEXT1)}
/>
</div>
</Button>
</a>
</CardFooter>
</Card>
</CardGroup>
</section>
</Grid>