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
+ >
+
+
+ Download the CEJST tutorial (.pdf 9.6 MB)
+
+
+