Re-order nav links, update download box to include shapefiles, squish pages (#1538)

* Re-order nav links, update download box to include shapefiles, squishy pages (#1536)

* Add dropdown to navigation links

- add download page
- move main pages tests to their own folder
- add download and public eng snapshot test
- remove public engagement button on each page
- swap index with cejst
- update cypress ENDPOINTS
- upate gatsby-config sitemap
- update snapshots
- cypress tests are failing

* Make all page endpoints constants

- fix all cypress tests
- refactor all test to use LegacyTests/constants/PAGES_ENDPOINTS
- gatsby-config to use PAGES_ENDPOINTS
- remove ScoreStepList component
- update J40Header to use constants.PAGES_ENDPOINTS
- update snapshots
- there are 3 locations to update PAGES_ENDPOINTS, namely

1. LegacyTests/constants.tsx
2. constants.tsx
3. gatsby-config

* Add two placeholder pages

- FAQs
- TSD

* remove dropdown from navigation menu

- remove dropdown from gherkin tests
- update snapshots

* Add back public engagement button to all pages

- add send button in area detail alt tag to i18n
- modify public engagement button to have same CSS as send feedback button
- update snapshots

* Update download box to include shapefile downloads

- refator download packet scss
- add shapefile URL to .env files
- update tests
- index forwarding pattern
- update snapshots

* Add FAQ link to About page

* Update footer

- add PEC
- add RFI
- add github link

* Update the staging link URL and title

* Update download Box to match design sync

- update FAQ link copy

* Add comment for reason of commented code

client/src/data/copy/methodology.tsx

@@ -73,7 +73,8 @@ export const FORMULA = {
 
 // Download Package
 export const DOWNLOAD_FILE_SIZE = 52;
-export const DOWNLOAD_LAST_UPDATED = 1645180697000;
+export const DOWNLOAD_SHAPE_FILE_SIZE = 742;
+export const DOWNLOAD_LAST_UPDATED = 1649287951000;
 export const VERSION_NUMBER = 0.1;
 
 export const DOWNLOAD_ZIP_URL = [
@@ -82,30 +83,35 @@ export const DOWNLOAD_ZIP_URL = [
   process.env.GATSBY_SCORE_DOWNLOAD_FILE_PATH,
 ].join('/');
 
+export const DOWNLOAD_SHAPEFILE_URL = [
+  process.env.GATSBY_CDN_TILES_BASE_URL,
+  process.env.GATSBY_DATA_PIPELINE_SCORE_PATH,
+  process.env.GATSBY_SHAPE_FILE_PATH,
+].join('/');
+
 export const DOWNLOAD_PACKAGE = {
   TITLE: <FormattedMessage
     id={'methodology.page.downloadPacket.header.text'}
-    defaultMessage={`Draft communities list v{version} ({downloadFileSize} unzipped)`}
+    defaultMessage={`Files available for download`}
     description={'Navigate to the methodology page. This is the download packet header text'}
+  />,
+  DESCRIPTION1: <FormattedMessage
+    id={ 'methodology.page.downloadPacket.info.text1'}
+    defaultMessage= {`Download the data sources used in the CEJST (.csv and .xlsx, {downloadFileSize} unzipped) or the shapefile, along with a codebook (.zip, {shapefileSize} unzipped).`}
+    description= {'Navigate to the methodology page. This is the download packet info text'}
     values= {{
-      version: <FormattedNumber value={VERSION_NUMBER}/>,
       downloadFileSize: <FormattedNumber
         value={DOWNLOAD_FILE_SIZE}
         style="unit"
         unit="megabyte"
         unitDisplay="narrow"
       />,
-    }}
-  />,
-  DESCRIPTION: <FormattedMessage
-    id={ 'methodology.page.downloadPacket.info.text'}
-    defaultMessage= {`
-      The download package includes draft v{version} of the list of disadvantaged communities
-      (.csv and .xlsx).
-    `}
-    description= {'Navigate to the methodology page. This is the download packet info text'}
-    values= {{
-      version: <FormattedNumber value={VERSION_NUMBER}/>,
+      shapefileSize: <FormattedNumber
+        value={DOWNLOAD_SHAPE_FILE_SIZE}
+        style="unit"
+        unit="megabyte"
+        unitDisplay="narrow"
+      />,
     }}
   />,
   LAST_UPDATED: <FormattedMessage
@@ -121,11 +127,24 @@ export const DOWNLOAD_PACKAGE = {
       />,
     }}
   />,
-  BUTTON_TEXT: <FormattedMessage
-    id={ 'methodology.page.downloadPacket.button.text'}
-    defaultMessage= {'Download package'}
+  BUTTON_TEXT1: <FormattedMessage
+    id={ 'methodology.page.downloadPacket.button1.text'}
+    defaultMessage= {'Download data sources'}
     description= {'Navigate to the methodology page. This is the download packet button text'}
   />,
+  BUTTON_TEXT2: <FormattedMessage
+    id={ 'methodology.page.downloadPacket.button2.text'}
+    defaultMessage= {'Download shapefile'}
+    description= {'Navigate to the methodology page. This is the download shapefiles text'}
+  />,
+  NEW_TAG: <FormattedMessage
+    id={ 'methodology.page.downloadPacket.new.tag.text'}
+    defaultMessage= {`<boldtag>NEW</boldtag>`}
+    description= {'Navigate to the methodology page. This is the new tag text'}
+    values={{
+      boldtag: boldFn,
+    }}
+  />,
 };
 
 export const CATEGORY= {