diff --git a/client/src/data/copy/about.tsx b/client/src/data/copy/about.tsx index cb1b7405..4199e711 100644 --- a/client/src/data/copy/about.tsx +++ b/client/src/data/copy/about.tsx @@ -14,6 +14,10 @@ export const EJSCREEN = 'https://www.epa.gov/ejscreen/how-does-epa-use-ejscreen' export const CEJST_INSTRUCT = `https://static-data-screeningtool.geoplatform.gov/data-versions/1.0/data/score/downloadable/CEQ-CEJST-Instructions.pdf`; export const CEJST_MEMO = `https://www.whitehouse.gov/wp-content/uploads/2023/01/M-23-09_Signed_CEQ_CPO.pdf`; + +export const USE_MAP_TUTORIAL_LINK = `https://static-data-screeningtool.geoplatform.gov/data-versions/1.0/data/score/downloadable/Using-the-CEJST-Tutorial.pdf`; +export const USE_DATA_TUTORIAL_LINK = `https://static-data-screeningtool.geoplatform.gov/data-versions/1.0/data/score/downloadable/Using-the-CEJST-Spreadsheet-Tutorial.pdf`; + export const PAGE = defineMessages({ TITLE: { id: 'about.page.title.text', @@ -131,6 +135,21 @@ export const CONTENT = { link1: linkFn(PAGES_ENDPOINTS.METHODOLOGY, true, false), }} />, + + USE_MAP_TUTORIAL: , + USE_DATA_TUTORIAL: , }; export const GITHUB_LINK = 'https://github.com/usds/justice40-tool'; diff --git a/client/src/intl/en.json b/client/src/intl/en.json index 5ba11b1e..b59b70d4 100644 --- a/client/src/intl/en.json +++ b/client/src/intl/en.json @@ -115,6 +115,10 @@ "defaultMessage": "Zoom in and select any census tract to see if it is considered disadvantaged.", "description": "Navigate to the About page. This is the paragraph of Using the map" }, + "about.page.use.map.tutorial": { + "defaultMessage": "Download the spreadsheet tutorial (.pdf 5.4 MB)", + "description": "Navigate to the About page. This the link to download the how to use map tutorial" + }, "common.pages.alerts.additional_docs_available.description": { "defaultMessage": "Download new technical support and other documentation and send feedback.", "description": "Alert title that appears at the top of pages." diff --git a/client/src/pages/about.tsx b/client/src/pages/about.tsx index 57651f4e..8a4762ff 100644 --- a/client/src/pages/about.tsx +++ b/client/src/pages/about.tsx @@ -26,6 +26,7 @@ import commentIcon from // @ts-ignore import githubIcon from // @ts-ignore '/node_modules/uswds/dist/img/usa-icons/github.svg'; +import {USE_DATA_TUTORIAL_LINK, USE_MAP_TUTORIAL_LINK} from '../data/copy/about'; interface IAboutPageProps { location: Location; @@ -117,7 +118,11 @@ const AboutPage = ({location}: IAboutPageProps) => { + header={intl.formatMessage(ABOUT_COPY.HOW_TO_USE_TOOL.USE_MAP_HEADING)} + linkText={ABOUT_COPY.CONTENT.USE_MAP_TUTORIAL} + url={USE_MAP_TUTORIAL_LINK} + openUrlNewTab={true} + internal={false}>

{intl.formatMessage(ABOUT_COPY.HOW_TO_USE_TOOL.USE_MAP_PARA)}

@@ -126,7 +131,11 @@ const AboutPage = ({location}: IAboutPageProps) => { + header={intl.formatMessage(ABOUT_COPY.HOW_TO_USE_TOOL.USE_DATA_HEADING)} + linkText={ABOUT_COPY.CONTENT.USE_DATA_TUTORIAL} + url={USE_DATA_TUTORIAL_LINK} + openUrlNewTab={true} + internal={false}>

{ABOUT_COPY.CONTENT.USE_DATA_PARA}

diff --git a/client/src/pages/tests/__snapshots__/about.test.tsx.snap b/client/src/pages/tests/__snapshots__/about.test.tsx.snap index be1ef52e..bfc0e44f 100644 --- a/client/src/pages/tests/__snapshots__/about.test.tsx.snap +++ b/client/src/pages/tests/__snapshots__/about.test.tsx.snap @@ -573,7 +573,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis