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

Update copy from Word Doc (#2001)

Browse source 
* add tsc compile

* fix TS warning around headingLevel

* Temporary fix around availableFor type error

- correlated to fix needed in ticket 2000

* Add copy update from CEJST pages - STATUS doc

- Add a period in Get the Data box
- Update unselected side panel text
- Update text under explore the map
- Content and styling for territories note
- persistent FAB - “Help improve the tool”
- Water needs to be “Water and Wastewater”
- Styling on demographics ( show )  => (show)
- Update age in demographics to be Elderly over 65
- Wildfire description is not correct
- Lead paint description needs to be updated
- remove bullet from How you can help
- Footer - remove RFI
- Footer - remove Eng cal
- add sign up link

* Update side panel non-selected copy

* Add back PEC button to each main page

* Remove console logs from J40Header

* Fix DOM warning on About page

- can't have <li> in <p>

* Fix nested DOM warning on Explore page

- Modify ExploreDataBox styling

* Update side panel non-selected with icons

- update height on mobile
- update snapshots
This commit is contained in:
Vim 2022-10-07 19:19:28 -07:00 • committed by GitHub
parent 743f647814
commit 9ee80a5203
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
41 changed files with 689 additions and 453 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
client/package.json
View file

@ -29,7 +29,8 @@
"intl:compile-en": "formatjs compile src/intl/en.json --ast --out-file compiled-lang/en.json",
"test:intl-extraction": "node src/intl/testIntlExtraction",
"prepare": "cd .. && husky install client/.husky",
"gc": "node .generate_component $1"
"gc": "node .generate_component $1",
"compile": "tsc"
},
"devDependencies": {
"@formatjs/cli": "^4.8.2",

4
client/src/components/AreaDetail/AreaDetail.tsx
View file

@ -738,8 +738,10 @@ const AreaDetail = ({properties, hash}: IAreaDetailProps) => {
is required, however, the title prop is already defining the category styling, so this
is placed here to satisfy the requirement of the AccordionItems API, however it's not
being used.
Casting 'h4' as const because it needs to be a heading type as specified HeadingLevel.
*/
headingLevel: 'h4',
headingLevel: 'h4' as const,
title: <Category name={category.titleText} isDisadvantaged={category.isDisadvagtaged} />,
content: (

5
client/src/components/ExploreDataBox/ExploreDataBox.module.scss
View file

@ -1,6 +1,11 @@
@use '../../styles/design-system.scss' as *;
.summaryBoxContainer{
@include u-margin-top(2.5);
.fileDownIcon{
margin-bottom: -4px;
@include u-padding-left(1);
}
}

1
client/src/components/ExploreDataBox/ExploreDataBox.module.scss.d.ts vendored
View file

@ -1,5 +1,6 @@
declare namespace ExploreDataBoxNamespace {
export interface IExploreDataBoxScss {
summaryBoxContainer: string;
fileDownIcon: string;
}
}

4
client/src/components/ExploreDataBox/ExploreDataBox.tsx
View file

@ -16,7 +16,7 @@ const ExploreDataBox = ({}: IExploreDataBoxProps) => {
const intl = useIntl();
return (
<SummaryBox>
<SummaryBox className={styles.summaryBoxContainer}>
<SummaryBoxHeading headingLevel='h2'>
{intl.formatMessage(EXPLORE_COPY.EXPLORE_DATA_BOX.TITLE)}
@ -26,7 +26,7 @@ const ExploreDataBox = ({}: IExploreDataBoxProps) => {
</SummaryBoxHeading>
<SummaryBoxContent>
<p>{EXPLORE_COPY.EXPLORE_DATA_BOX_BODY}</p>
{EXPLORE_COPY.EXPLORE_DATA_BOX_BODY}
</SummaryBoxContent>
</SummaryBox>

4
client/src/components/ExploreDataBox/__snapshots__/ExploreDataBox.test.tsx.snap
View file

@ -24,7 +24,6 @@ exports[`rendering of ExploreDataBox Component checks if component renders 1`] =
<div
class="usa-summary-box__text"
>
<p>
Download the data with documentation and shapefiles, from the
<a
@ -33,9 +32,8 @@ exports[`rendering of ExploreDataBox Component checks if component renders 1`] =
>
downloads
</a>
page
page.
</p>
</div>
</div>
</div>

4
client/src/components/HowYouCanHelp/HowYouCanHelp.tsx
View file

@ -16,9 +16,9 @@ const HowYouCanHelp = () => {
<li className={styles.howYouCanHelpList}>
{ABOUT_COPY.HOW_YOU_CAN_HELP_LIST_ITEMS.LIST_ITEM_2}
</li>
<li className={styles.howYouCanHelpList}>
{/* <li className={styles.howYouCanHelpList}>
{ABOUT_COPY.HOW_YOU_CAN_HELP_LIST_ITEMS.LIST_ITEM_3}
</li>
</li> */}
<li className={styles.howYouCanHelpList}>
{ABOUT_COPY.HOW_YOU_CAN_HELP_LIST_ITEMS.LIST_ITEM_4}
</li>

3
client/src/components/HowYouCanHelp/tests/__snapshots__/howYouCanHelp.test.tsx.snap
View file

@ -27,9 +27,6 @@ exports[`rendering of the HowYouCanHelp checks if various text fields are visibl
</a>
.
</li>
<li>
Have feedback about a specific census tract? You can either click here or click the “Send Feedback” button on the side-panel of a census tract on the map.
</li>
<li>
Any other questions? Email:
<a

25
client/src/components/J40Footer/J40Footer.tsx
View file

@ -13,7 +13,6 @@ import SurveyButton from '../SurveyButton';
// @ts-ignore
import whitehouseIcon from '../../images/eop-seal.svg';
import {PAGES_ENDPOINTS} from '../../data/constants';
import * as COMMON_COPY from '../../data/copy/common';
const J40Footer = () => {
@ -33,27 +32,19 @@ const J40Footer = () => {
COMMON_COPY.FOOTER_CEQ_ADDRESS.PHONE,
]}
/>,
<LinkTypeWrapper
linkText={intl.formatMessage(COMMON_COPY.FOOTER.SIGN_UP)}
internal={false}
url={COMMON_COPY.FOOTER.SIGN_UP_LINK}
openUrlNewTab={true}
key={'signup'}
dataCy={hyphenizeString(COMMON_COPY.FOOTER.SIGN_UP.defaultMessage)}
/>,
],
[
intl.formatMessage(COMMON_COPY.FOOTER.MORE_INFO),
<LinkTypeWrapper
linkText={intl.formatMessage(COMMON_COPY.FOOTER.ENG_CAL)}
internal={true}
url={PAGES_ENDPOINTS.PUBLIC_ENG}
openUrlNewTab={false}
className={'footer-link-first-child'}
key={'publiceng'}
dataCy={hyphenizeString(COMMON_COPY.FOOTER.ENG_CAL.defaultMessage)}
/>,
<LinkTypeWrapper
linkText={intl.formatMessage(COMMON_COPY.FOOTER.RFI)}
internal={false}
url={intl.formatMessage(COMMON_COPY.FOOTER.RFI_LINK)}
openUrlNewTab={true}
key={'rfilink'}
dataCy={hyphenizeString(COMMON_COPY.FOOTER.RFI.defaultMessage)}
/>,
<LinkTypeWrapper
linkText={intl.formatMessage(COMMON_COPY.FOOTER.WHITEHOUSE)}
internal={false}
url={intl.formatMessage(COMMON_COPY.FOOTER.WHITEHOUSE_LINK)}

40
client/src/components/J40Footer/__snapshots__/J40Footer.spec.tsx.snap
View file

@ -60,6 +60,19 @@ exports[`J40Footer renders correctly 1`] = `
</div>
</address>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="sign-up-for-updates"
href="https://www.surveymonkey.com/r/whceqej"
rel="noreferrer"
target="_blank"
>
Sign up for updates
</a>
</li>
</ul>
</section>
</div>
@ -79,30 +92,7 @@ exports[`J40Footer renders correctly 1`] = `
class="usa-footer__secondary-link"
>
<a
class="usa-link footer-link-first-child"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-information"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Information
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
class="usa-link usa-link--external footer-link-first-child"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -230,7 +220,7 @@ exports[`J40Footer renders correctly 1`] = `
data-testid="button"
type="button"
>
Help us improve the site & data
Help improve the tool
<img
alt="launch icon"
src="test-file-stub"

3
client/src/components/J40Header/J40Header.tsx
View file

@ -48,7 +48,6 @@ const J40Header = ({location}:IJ40Header) => {
*/
const [mobileNavOpen, setMobileNavOpen] = useState(false);
const toggleMobileNav = (): void => {
console.log('mobile opened!');
setMobileNavOpen((prevOpen) => !prevOpen);
};
@ -84,8 +83,6 @@ const J40Header = ({location}:IJ40Header) => {
* @param {number} index
*/
const onToggle = (index: number): void => {
console.log('🚀 ~ file: J40Header.tsx ~ line 57 ~ J40Header ~ isOpen before toggle', isOpen);
// The setIsOpen is used to toggle the currently selected nav link
setIsOpen((prevIsOpen) => {
const newIsOpen = [...isOpen];

4
client/src/components/J40Map.module.scss
View file

@ -67,6 +67,10 @@
border: 1px solid $sidePanelBorderColor;
overflow-y: auto;
height: 90vh;
@include at-media-max("mobile-lg") {
height: 100%;
}
}
// This will control the height of the map when the device

67
client/src/components/SidePanelInfo/SidePanelInfo.tsx
View file

@ -9,13 +9,23 @@ import searchIcon from '/node_modules/uswds/dist/img/usa-icons/search.svg';
// @ts-ignore
import locateIcon from '/node_modules/uswds/dist/img/usa-icons/my_location.svg';
// @ts-ignore
import peopleIcon from '/node_modules/uswds/dist/img/usa-icons/people.svg';
// @ts-ignore
import fileUpIcon from '/node_modules/uswds/dist/img/usa-icons/file_upload.svg';
// @ts-ignore
import checkIcon from '/node_modules/uswds/dist/img/usa-icons/check.svg';
// @ts-ignore
import puzzleIcon from '../../images/sidePanelIcons/puzzle.svg';
// @ts-ignore
import bellCurveIcon from '../../images/sidePanelIcons/bellCurve.svg';
import bellCurveIcon from '../../images/sidePanelIcons/bell-curve.svg';
// @ts-ignore
import pieChartIcon from '../../images/sidePanelIcons/pieChart.svg';
import censusDotIcon from '../../images/sidePanelIcons/census-tract.svg';
// @ts-ignore
import notAvailIcon from '/node_modules/uswds/dist/img/usa-icons/do_not_disturb.svg';
import tribalDotIcon from '../../images/sidePanelIcons/tribal-tract.svg';
// @ts-ignore
import pieChartIcon from '../../images/sidePanelIcons/pie-chart.svg';
// @ts-ignore
import selectArrowIcon from '../../images/sidePanelIcons/select-arrow.svg';
import * as styles from './SidePanelInfo.module.scss';
import * as constants from '../../data/constants';
@ -59,7 +69,7 @@ const SidePanelInfo = () => {
{intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA1_PART4)}
{
windowWidth > constants.USWDS_BREAKPOINTS.MOBILE_LG &&
<img tabIndex={0} className={styles.sidePanelInfoIcon} src={notAvailIcon}
<img tabIndex={0} className={styles.sidePanelInfoIcon} src={selectArrowIcon}
alt={intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.MOUSE)}
/>
}
@ -81,43 +91,70 @@ const SidePanelInfo = () => {
/>
}
{intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA2_PART2)}
{
windowWidth > constants.USWDS_BREAKPOINTS.MOBILE_LG &&
<img tabIndex={0} className={styles.sidePanelInfoIcon} src={peopleIcon}
alt={intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.PEOPLE)}
/>
}
{intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA2_PART3)}
</p>
{/* Paragraph 3 */}
{
windowWidth > constants.USWDS_BREAKPOINTS.MOBILE_LG &&
<p tabIndex={0}>
{intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA3_PART1)}
{
windowWidth > constants.USWDS_BREAKPOINTS.MOBILE_LG &&
<img tabIndex={0} className={styles.sidePanelInfoIcon} src={notAvailIcon}
<img tabIndex={0} className={styles.sidePanelInfoIcon} src={censusDotIcon}
alt={intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.DAC_CIRCLE)}
/>
}
{intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA3_PART2)}
</p>
}
{/* Paragraph 4 */}
<p tabIndex={0}>
{intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA4_PART1)}
{
windowWidth > constants.USWDS_BREAKPOINTS.MOBILE_LG &&
<p tabIndex={0}>
{intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA4_PART1)}
<img tabIndex={0} className={styles.sidePanelInfoIcon} src={bellCurveIcon}
alt={intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.BELL_CURVE)}
/>
}
{intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA4_PART2)}
</p>
}
{/* Paragraph 5 */}
{
windowWidth > constants.USWDS_BREAKPOINTS.MOBILE_LG &&
<p tabIndex={0}>
{intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA5_PART1)}
<img tabIndex={0} className={styles.sidePanelInfoIcon} src={fileUpIcon}
alt={intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.FILE_UP)}
/>
{intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA5_PART2)}
<img tabIndex={0} className={styles.sidePanelInfoIcon} src={pieChartIcon}
alt={intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.PIE_CHART)}
/>
{intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA5_PART3)}
<img tabIndex={0} className={styles.sidePanelInfoIcon} src={checkIcon}
alt={intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.CHECK)}
/>
{intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA5_PART4)}
</p>
}
{intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA4_PART3)}
</p>
{/* Paragraph 5 */}
{/* Paragraph 6 */}
{
windowWidth > constants.USWDS_BREAKPOINTS.MOBILE_LG &&
<p tabIndex={0}>
{EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE_PARA5}
{intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA6_PART1)}
<img tabIndex={0} className={styles.sidePanelInfoIcon} src={tribalDotIcon}
alt={intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.DAC_CIRCLE)}
/>
{intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA6_PART2)}
</p>
}
</aside>
);
};

67
client/src/components/SidePanelInfo/__snapshots__/SidePanelInfo.test.tsx.snap
View file

@ -54,7 +54,7 @@ exports[`rendering of the component expects the render to match snapshot 1`] = `
tabindex="0"
/>
to see information about any census tract
to see information about any census tract.
</p>
<p
@ -78,14 +78,24 @@ exports[`rendering of the component expects the render to match snapshot 1`] = `
tabindex="0"
/>
. Census tracts are a small unit of geography. They make it possible to display data consistenly across the nation.
. Census tracts are a small unit of geography. They generally have populations
<img
alt="
a people icon informing the user of communities
"
src="test-file-stub"
tabindex="0"
/>
of between 1,200 - 8,000 people.
</p>
<p
tabindex="0"
>
Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted in a blueish gray color
Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted
<img
alt="
@ -95,14 +105,14 @@ exports[`rendering of the component expects the render to match snapshot 1`] = `
tabindex="0"
/>
on the map. This color is an opacity. This is so information about the map can be seen.
on the map.
</p>
<p
tabindex="0"
>
The tool uses percentiles
The tool ranks most of the burdens using percentiles
<img
alt="
@ -112,7 +122,24 @@ exports[`rendering of the component expects the render to match snapshot 1`] = `
tabindex="0"
/>
, percentages
. Percentiles show how much burden each tract experiences when compared to other tracts.
</p>
<p
tabindex="0"
>
Thresholds
<img
alt="
An icon shows a up arrow with a lower limit implying that it's above a threshold
"
src="test-file-stub"
tabindex="0"
/>
, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages
<img
alt="
@ -122,18 +149,34 @@ exports[`rendering of the component expects the render to match snapshot 1`] = `
tabindex="0"
/>
, or a simple yes/no to indicate how much burden the communities are experiencing in each tract.
or a simple yes/no
<img
alt="
An icon that depicts a check mark conveying yes and/or no
"
src="test-file-stub"
tabindex="0"
/>
.
</p>
<p
tabindex="0"
>
The tool also uses thresholds. If the tract meets or exceeds the threshold of any climate, environmental, or other burden
<strong>
AND
</strong>
it meets the threshold for the associated socioeconomic burden, then communites in the tract are considered disadvantaged.
Federally Recognized Tribal lands are also highlighted
<img
alt="
a blue circle icon informing the user of what a disadvantaged community is depicted as
"
src="test-file-stub"
tabindex="0"
/>
highlighted on the map. These communities are also considered disadvantaged.
</p>
</aside>

2
client/src/components/SurveyButton/__snapshots__/SurveyButton.test.tsx.snap
View file

@ -16,7 +16,7 @@ exports[`rendering of the SurveyButton checks if component renders 1`] = `
data-testid="button"
type="button"
>
Help us improve the site & data
Help improve the tool
<img
alt="launch icon"
src="test-file-stub"

2
client/src/components/TractDemographics/TractDemographics.tsx
View file

@ -169,7 +169,7 @@ const getDemographicsData = (properties:constants.J40Properties):IDemographicsDa
displayStat(properties[constants.DEMO_AGE_MID]),
],
[
EXPLORE_COPY.SIDE_PANEL_DEMOGRAPHICS.DEMO_AGE_OVER_64,
EXPLORE_COPY.SIDE_PANEL_DEMOGRAPHICS.DEMO_AGE_OVER_65,
displayStat(properties[constants.DEMO_AGE_OVER_64]),
],
],

6
client/src/components/TractDemographics/__snapshots__/TractDemographics.test.tsx.snap
View file

@ -139,7 +139,7 @@ exports[`rendering of TractDemographics component does it render a tract in Alas
</div>
<div>
<span>
Elderly over 64
Elderly over 65
</span>
<span>
12%
@ -289,7 +289,7 @@ exports[`rendering of TractDemographics component does it render a tract in Amer
</div>
<div>
<span>
Elderly over 64
Elderly over 65
</span>
<span>
--
@ -439,7 +439,7 @@ exports[`rendering of TractDemographics component does it render a tract in NYC
</div>
<div>
<span>
Elderly over 64
Elderly over 65
</span>
<span>
6%

67
client/src/components/__snapshots__/mapInfoPanel.test.tsx.snap
View file

@ -59,7 +59,7 @@ exports[`simulate app starting up, no click on map should match the snapshot of
tabindex="0"
/>
to see information about any census tract
to see information about any census tract.
</p>
<p
@ -83,14 +83,24 @@ exports[`simulate app starting up, no click on map should match the snapshot of
tabindex="0"
/>
. Census tracts are a small unit of geography. They make it possible to display data consistenly across the nation.
. Census tracts are a small unit of geography. They generally have populations
<img
alt="
a people icon informing the user of communities
"
src="test-file-stub"
tabindex="0"
/>
of between 1,200 - 8,000 people.
</p>
<p
tabindex="0"
>
Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted in a blueish gray color
Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted
<img
alt="
@ -100,14 +110,14 @@ exports[`simulate app starting up, no click on map should match the snapshot of
tabindex="0"
/>
on the map. This color is an opacity. This is so information about the map can be seen.
on the map.
</p>
<p
tabindex="0"
>
The tool uses percentiles
The tool ranks most of the burdens using percentiles
<img
alt="
@ -117,7 +127,24 @@ exports[`simulate app starting up, no click on map should match the snapshot of
tabindex="0"
/>
, percentages
. Percentiles show how much burden each tract experiences when compared to other tracts.
</p>
<p
tabindex="0"
>
Thresholds
<img
alt="
An icon shows a up arrow with a lower limit implying that it's above a threshold
"
src="test-file-stub"
tabindex="0"
/>
, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages
<img
alt="
@ -127,18 +154,34 @@ exports[`simulate app starting up, no click on map should match the snapshot of
tabindex="0"
/>
, or a simple yes/no to indicate how much burden the communities are experiencing in each tract.
or a simple yes/no
<img
alt="
An icon that depicts a check mark conveying yes and/or no
"
src="test-file-stub"
tabindex="0"
/>
.
</p>
<p
tabindex="0"
>
The tool also uses thresholds. If the tract meets or exceeds the threshold of any climate, environmental, or other burden
<strong>
AND
</strong>
it meets the threshold for the associated socioeconomic burden, then communites in the tract are considered disadvantaged.
Federally Recognized Tribal lands are also highlighted
<img
alt="
a blue circle icon informing the user of what a disadvantaged community is depicted as
"
src="test-file-stub"
tabindex="0"
/>
highlighted on the map. These communities are also considered disadvantaged.
</p>
</aside>

33
client/src/data/copy/common.tsx
View file

@ -161,26 +161,21 @@ export const FOOTER = defineMessages({
defaultMessage: 'Council on Environmental Quality',
description: 'Navigate to the about page. This is Footer under logo',
},
SIGN_UP: {
id: 'common.pages.footer.sign.up',
defaultMessage: 'Sign up for updates',
description: 'Navigate to the about page. This is Footer under Sign-up for updates',
},
SIGN_UP_LINK: {
id: 'common.pages.footer.sign.up.link',
defaultMessage: 'https://www.surveymonkey.com/r/whceqej',
description: 'Navigate to the about page. This is Footer link under Sign-up for updates',
},
MORE_INFO: {
id: 'common.pages.footer.moreinfoheader',
defaultMessage: 'More information',
description: 'Navigate to the about page. This is Footer column header',
},
ENG_CAL: {
id: 'common.pages.footer.eng.cal.text',
defaultMessage: 'Engagement calendar',
description: 'Navigate to the about page. This is Footer eng.cal.gov link text',
},
RFI: {
id: 'common.pages.footer.rfi.text',
defaultMessage: 'Request for Information',
description: 'Navigate to the about page. This is Footer rfi link text',
},
RFI_LINK: {
id: 'common.pages.footer.rfi.link',
defaultMessage: 'https://www.federalregister.gov/d/2022-03920',
description: 'Navigate to the about page. This is Footer rfi link',
},
WHITEHOUSE: {
id: 'common.pages.footer.whitehouse.text',
defaultMessage: 'Whitehouse.gov',
@ -248,6 +243,14 @@ export const FOOTER_CEQ_ADDRESS = {
STREET: '730 Jackson Pl NW',
CITY_STATE: 'Washington, D.C. 20506',
PHONE: '(202) 395-5750',
// SIGN_UP: <FormattedMessage
// id={'common.pages.footer.sign.up.updates'}
// defaultMessage={`<link1>Sign-up</link1> for updates`}
// description={`Alert title that appears at the top of pages.`}
// values={{
// link1: linkFn('https://www.surveymonkey.com/r/whceqej', false, true),
// }}
// />,
}
;

2
client/src/data/copy/contact.tsx
View file

@ -28,7 +28,7 @@ export const PAGE_INTRO = defineMessages({
},
SURVEY_TEXT: {
id: 'contact.page.fab.survey.text',
defaultMessage: `Help us improve the site & data`,
defaultMessage: `Help improve the tool`,
description: 'Navigate to the contact page, this is the text for floating action button',
},
SURVEY_URL: {

152
client/src/data/copy/explore.tsx
View file

@ -33,7 +33,7 @@ export const PAGE_INTRO = defineMessages({
export const PAGE_DESCRIPTION1 = <FormattedMessage
id={'explore.map.page.description.1'}
defaultMessage={`
Overburdened and underserved census tracts are highlighted as being disadvantaged on the map. The map also highlights areas within Federally-recognized Tribal reservations. These areas are also considered disadvantaged.
Census tracts that are overburdened and underserved census tracts are highlighted as being disadvantaged on the map. These include Federally-Recognized Tribal lands, including Alaska Native Villages.
`}
description={'On the explore the map page, the first description of the page'}
// values={{
@ -44,7 +44,7 @@ export const PAGE_DESCRIPTION1 = <FormattedMessage
export const PAGE_DESCRIPTION2 = <FormattedMessage
id={'explore.map.page.description.2'}
defaultMessage={`
Zooming and selecting shows information about each census tract or tribal area. Change the selection to see information about tribal land areas.
Zooming-in and selecting shows information about each census tract.
`}
description={'On the explore the map page, the fifth description of the page'}
// values={{
@ -81,7 +81,7 @@ export const EXPLORE_DATA_BOX = defineMessages({
export const EXPLORE_DATA_BOX_BODY = <FormattedMessage
id={'explore.map.page.explore.data.box.body'}
defaultMessage={ `
Download the data with documentation and shapefiles, from the <link1>downloads</link1> page
Download the data with documentation and shapefiles, from the <link1>downloads</link1> page.
`}
description={`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Things to know, this is the fifth paragraph of this side pane`}
values={{
@ -276,7 +276,7 @@ export const SIDE_PANEL_INITIAL_STATE = defineMessages({
PARA1_PART5: {
id: 'explore.map.page.side.panel.info.para.1.part.5',
defaultMessage: `
to see information about any census tract
to see information about any census tract.
`,
description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show to see information about any census tract',
},
@ -297,58 +297,89 @@ export const SIDE_PANEL_INITIAL_STATE = defineMessages({
PARA2_PART2: {
id: 'explore.map.page.side.panel.info.para.2.part.2',
defaultMessage: `
. Census tracts are a small unit of geography. They make it possible to display data consistenly across the nation.
. Census tracts are a small unit of geography. They generally have populations
`,
description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Census tracts are a small unit of geography. They make it possible to display data consistenly across the nation.',
description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Census tracts are a small unit of geography. They generally have populations of between 1,200 - 8,000 people.',
},
PARA2_PART3: {
id: 'explore.map.page.side.panel.info.para.2.part.2',
defaultMessage: `
of between 1,200 - 8,000 people.
`,
description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Census tracts are a small unit of geography. They generally have populations of between 1,200 - 8,000 people.',
},
PARA3_PART1: {
id: 'explore.map.page.side.panel.info.para.3.part.1',
defaultMessage: `
Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted in a blueish gray color
Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted
`,
description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted in a blueish gray color',
description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted on the map.',
},
PARA3_PART2: {
id: 'explore.map.page.side.panel.info.para.3.part.2',
defaultMessage: `
on the map. This color is an opacity. This is so information about the map can be seen.
on the map.
`,
description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show on the map. This color is an opacity. This is so information about the map can be seen.',
},
PARA4_PART1: {
id: 'explore.map.page.side.panel.info.para.4.part.1',
defaultMessage: `
The tool uses percentiles
The tool ranks most of the burdens using percentiles
`,
description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show The tool uses percentiles',
description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show The tool ranks most of the burdens using percentiles',
},
PARA4_PART2: {
id: 'explore.map.page.side.panel.info.para.4.part.2',
defaultMessage: `
, percentages
. Percentiles show how much burden each tract experiences when compared to other tracts.
`,
description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show percentages',
},
PARA4_PART3: {
id: 'explore.map.page.side.panel.info.para.4.part.3',
PARA5_PART1: {
id: 'explore.map.page.side.panel.info.para.1',
defaultMessage: `
, or a simple yes/no to indicate how much burden the communities are experiencing in each tract.
Thresholds
`,
description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show or a simple yes/no to indicate how much burden the communities are experiencing in each tract.',
description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Thresholds, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages or a simple yes/no.',
},
PARA5_PART2: {
id: 'explore.map.page.side.panel.info.para.2',
defaultMessage: `
, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages
`,
description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Thresholds, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages or a simple yes/no.',
},
PARA5_PART3: {
id: 'explore.map.page.side.panel.info.para.3',
defaultMessage: `
or a simple yes/no
`,
description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Thresholds, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages or a simple yes/no.',
},
PARA5_PART4: {
id: 'explore.map.page.side.panel.info.para.4',
defaultMessage: `
.
`,
description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Thresholds, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages or a simple yes/no.',
},
PARA6_PART1: {
id: 'explore.map.page.side.panel.info.para.6',
defaultMessage: `
Federally Recognized Tribal lands are also highlighted
`,
description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Federally Recognized Tribal lands are also highlighted on the map. These communities are also considered disadvantaged.',
},
PARA6_PART2: {
id: 'explore.map.page.side.panel.info.para.6',
defaultMessage: `
highlighted on the map. These communities are also considered disadvantaged.
`,
description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Federally Recognized Tribal lands are also highlighted on the map. These communities are also considered disadvantaged.',
},
});
export const SIDE_PANEL_INITIAL_STATE_PARA5 = <FormattedMessage
id={'explore.map.page.side.panel.info.para5'}
defaultMessage={ `
The tool also uses thresholds. If the tract meets or exceeds the threshold of any climate, environmental, or other burden <bold>AND</bold> it meets the threshold for the associated socioeconomic burden, then communites in the tract are considered disadvantaged.
`}
description={`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Things to know, this is the fifth paragraph of this side pane`}
values={{
bold: COMMON_COPY.boldFn,
}}
/>;
export const SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT = defineMessages({
PLUS: {
id: 'explore.map.page.side.panel.info.alt.text.icon.plus',
@ -385,6 +416,13 @@ export const SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT = defineMessages({
`,
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show a tract icon informing the user of census tracts`,
},
PEOPLE: {
id: 'explore.map.page.side.panel.info.alt.text.icon.people',
defaultMessage: `
a people icon informing the user of communities
`,
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show a tract icon informing the user of people`,
},
DAC_CIRCLE: {
id: 'explore.map.page.side.panel.info.alt.text.icon.dac.circle',
defaultMessage: `
@ -399,6 +437,13 @@ export const SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT = defineMessages({
`,
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show An icon that a bell curve or gaussian distribution`,
},
FILE_UP: {
id: 'explore.map.page.side.panel.info.alt.text.icon.file.up',
defaultMessage: `
An icon shows a up arrow with a lower limit implying that it's above a threshold
`,
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show An icon that a bell curve or gaussian distribution`,
},
PIE_CHART: {
id: 'explore.map.page.side.panel.info.alt.text.icon.pie',
defaultMessage: `
@ -406,6 +451,13 @@ export const SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT = defineMessages({
`,
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show An icon that depicts a part of pie chart being removed`,
},
CHECK: {
id: 'explore.map.page.side.panel.info.alt.text.icon.check',
defaultMessage: `
An icon that depicts a check mark conveying yes and/or no
`,
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show An icon that depicts a check mark conveying yes and/or no`,
},
UP_ARROW: {
id: 'explore.map.page.side.panel.info.alt.text.icon.up.arrow',
defaultMessage: `
@ -531,10 +583,10 @@ export const SIDE_PANEL_DEMOGRAPHICS = {
defaultMessage={'Ages 10 - 64'}
description={`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show the demographics: Ages 10 - 64`}
/>,
DEMO_AGE_OVER_64: <FormattedMessage
id={'explore.map.page.side.panel.demo.age.over.64'}
defaultMessage={'Elderly over 64'}
description={`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show the demographics: Elderly over 64`}
DEMO_AGE_OVER_65: <FormattedMessage
id={'explore.map.page.side.panel.demo.age.over.65'}
defaultMessage={'Elderly over 65'}
description={`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show the demographics: Elderly over 65`}
/>,
};
@ -773,8 +825,8 @@ export const SIDE_PANEL_CATEGORY = defineMessages({
},
CLEAN_WATER: {
id: 'explore.map.page.side.panel.indicator.title.clean.water',
defaultMessage: 'Water',
description: `Navigate to the explore the tool page. When the map is in view, click on the map. The side panel will show Water title
defaultMessage: 'Water and wastewater',
description: `Navigate to the explore the tool page. When the map is in view, click on the map. The side panel will show Water and wastewater title
`,
},
WORK_DEV: {
@ -1068,7 +1120,7 @@ export const SIDE_PANEL_INDICATOR_DESCRIPTION = defineMessages({
WILDFIRE: {
id: 'explore.map.page.side.panel.indicator.description.wildfire',
defaultMessage: `
Projected risk to properties from wildfire from fire fuels, weather, humans, and fire movement
Projected risk to properties from wildfire from fire fuels, weather, humans, and fire movement in 30 years
`,
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of wildfire risk`,
},
@ -1150,9 +1202,9 @@ export const SIDE_PANEL_INDICATOR_DESCRIPTION = defineMessages({
LEAD_PAINT: {
id: 'explore.map.page.side.panel.indicator.description.leadPaint',
defaultMessage: `
Share of homes that are not very expensive and are likely to have lead paint
Share of homes that are likely to have lead paint
`,
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Share of homes that are not very expensive and are likely to have lead paint
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Share of homes that are likely to have lead paint
`,
},
@ -1344,35 +1396,33 @@ export const NOTE_ON_TERRITORIES = {
defaultMessage={`U.S. territories note`}
description={`Navigate to the explore the map page. Under the map, you will see territories intro text`}
/>,
PARA_0: <FormattedMessage
id={'explore.map.page.under.map.note.on.territories.para.0'}
defaultMessage={`
Not all the data used in CEJST are available or used for all U.S. territories.
`}
description={`Navigate to the explore the map page. Under the map, you will see territories paragraph 0`}
/>,
PARA_1: <FormattedMessage
id={'explore.map.page.under.map.note.on.territories.para.1'}
defaultMessage={`
Puerto Rico: The <link1>U.S. Census Bureau's American Community Survey data</link1> from 2015 - 2019
are used for all fields in the workforce development category except for linguistic isolation. Linguistic isolation was removed based on feedback during the beta period. Proximity to National Priorities List (NPL) sites, proximity to Risk Management Plan (RMP) facilities, traffic proximity and volume, diesel particulate matter exposure, energy cost and housing cost were added for Puerto Rico in the 1.0 version.
<bold>Puerto Rico:</bold> The data used for Puerto Rico are from all relevant and available fields
in the energy, housing, legacy pollution, transportation, and workforce development categories. The following data are used: projected flood risk, energy cost, lack of plumbing, lead paint, housing cost, proximity to hazardous waste facilities, proximity to Superfund or National Priorities List (NPL) sites, proximity to Risk Management Plan (RMP) facilities, diesel particulate matter exposure, traffic proximity and volume, leaking underground storage tanks, wastewater discharge, poverty, unemployment, and high school education. Linguistic isolation was removed for Puerto Rico based on feedback received during the beta period.
`}
description={`Navigate to the explore the map page. Under the map, you will see territories paragraph 1`}
values={{
link1: COMMON_COPY.linkFn(EXPLORE_PAGE_LINKS.CENSUS_15_19, false, true),
bold: COMMON_COPY.boldFn,
}}
/>,
PARA_2: <FormattedMessage
id={'explore.map.page.under.map.note.on.territories.para.2'}
defaultMessage={`
American Samoa and the Northern Mariana Islands: The <link1>Decennial Census data</link1> from 2010 are used. The CEJST uses the following data for these territories: unemployment, poverty, low median income, and high school education. These burdens are in the workforce Development category.
<bold>American Samoa, Guam, the Northern Mariana Islands, and the U.S. Virgin Islands:</bold> For these U.S. territories, the tool uses the following data: unemployment, poverty, low median income, and high school education. These burdens are in the workforce development category.
`}
description={`Navigate to the explore the map page. Under the map, you will see territories paragraph 2`}
values={{
link1: COMMON_COPY.linkFn(EXPLORE_PAGE_LINKS.DECENNIAL, false, true),
}}
/>,
PARA_3: <FormattedMessage
id={'explore.map.page.under.map.note.on.territories.para.3'}
defaultMessage={`
Guam and the U.S. Virgin Islands: Some <link1>Decennial Census data</link1> from 2010 are used. They show burdens in the workforce development category. The data includes: Unemployment, poverty, low median income, and high school education.
`}
description={`Navigate to the explore the map page. Under the map, you will see territories paragraph 3`}
values={{
link1: COMMON_COPY.linkFn(EXPLORE_PAGE_LINKS.DECENNIAL, false, true),
bold: COMMON_COPY.boldFn,
}}
/>,
};

10
client/src/data/copy/methodology.tsx
View file

@ -571,10 +571,14 @@ export interface IIndicators {
note?: JSX.Element,
usedIn: JSX.Element,
responsibleParty: string,
sources: [{
sources: {
source: JSX.Element,
availableFor: JSX.Element,
}]
availableFor: { // Todo remove this and replace with MessageDescriptor when ticket #2000 is fixed
id: string,
description: string,
defaultMessage: string,
},
}[]
};
export const INDICATORS = [

0
client/src/images/sidePanelIcons/bellCurve.svg → client/src/images/sidePanelIcons/bell-curve.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

13
client/src/images/sidePanelIcons/census-tract.svg Normal file
View file

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 58 (84663) - https://sketch.com -->
<title>Oval</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" fill-opacity="0.3">
<g id="Group-7" transform="translate(-147.000000, -702.000000)" fill="#18437F" stroke="#18437F" stroke-width="2">
<g id="Group-Copy-9">
<circle id="Oval" cx="155" cy="710" r="7"></circle>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 680 B

0
client/src/images/sidePanelIcons/pieChart.svg → client/src/images/sidePanelIcons/pie-chart.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

25
client/src/images/sidePanelIcons/select-arrow.svg Normal file
View file

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="14px" height="18px" viewBox="0 0 14 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 58 (84663) - https://sketch.com -->
<title>Group 10</title>
<desc>Created with Sketch.</desc>
<defs>
<polygon id="path-1" points="0.0133467716 0.01940625 1.67268861 0.01940625 1.67268861 3.35104901 0.0133467716 3.35104901"></polygon>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group-7" transform="translate(-193.000000, -75.000000)">
<g id="Group-10" transform="translate(193.000000, 75.000000)">
<path d="M10.4877241,18 C10.551549,18 10.6153738,17.9841589 10.6791987,17.9683177 C10.9185602,17.8733794 11.0461735,17.5885643 10.9344982,17.3512365 L9.45055157,13.8227126 L12.7056204,13.8227126 C13.0247448,13.8227126 13.3278947,13.6328359 13.4396065,13.3322159 C13.5672562,13.0315597 13.4874934,12.6992936 13.2481318,12.4619658 L6.40282245,5.84774663 C6.17943537,5.62622382 5.82839854,5.56293158 5.54118659,5.68951605 C5.23803665,5.81610052 5.0625,6.10091556 5.0625,6.41737673 L5.0625,15.9430386 C5.0625,16.2753047 5.25397464,16.5601198 5.57309903,16.6867043 C5.66883634,16.7183504 5.76457366,16.7499965 5.86031098,16.7499965 C6.08369805,16.7499965 6.29111067,16.6550581 6.43473489,16.4968276 L8.5888063,14.2183072 L10.0567785,17.7310261 C10.1365778,17.8892567 10.312078,18 10.4875782,18 L10.4877241,18 Z" id="Fill-1" fill="#000000"></path>
<g id="Group-5" transform="translate(3.375000, 0.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-4"></g>
<path d="M0.856931604,3.04902486 C0.926596698,3.25037429 1.07980896,3.35104901 1.24696698,3.35104901 C1.30268632,3.35104901 1.35840566,3.33425071 1.414125,3.31749077 C1.6230566,3.21681605 1.73449528,2.9147919 1.63700236,2.66312429 L0.815158019,0.330845881 C0.731579009,0.0791399148 0.480841981,-0.0550546875 0.271910377,0.0623799716 C0.0629787736,0.163054687 -0.0484599057,0.465078835 0.0490330189,0.716746449 L0.856931604,3.04902486 Z" id="Fill-3" fill="#000000" mask="url(#mask-2)"></path>
</g>
<path d="M0.354115669,4.32589173 L2.72266691,5.04650508 C2.77233827,5.0625 2.82204748,5.0625 2.87171883,5.0625 C3.08706232,5.0625 3.28586132,4.93439421 3.35211503,4.72624061 C3.43491324,4.47002904 3.28586132,4.19778594 3.02084647,4.11773813 L0.652295228,3.39712478 C0.387280384,3.31707696 0.105683182,3.46117767 0.0228849725,3.71738924 C-0.0599132368,3.97360082 0.0891386836,4.24584391 0.354153528,4.32589173 L0.354115669,4.32589173 Z" id="Fill-6" fill="#000000"></path>
<path d="M7.02249055,3.33119782 C7.09154126,3.3604104 7.17787437,3.375 7.26416803,3.375 C7.45407722,3.375 7.626704,3.28739565 7.7302406,3.14133276 L8.93862805,1.19867958 C9.07672947,0.97956855 8.9731534,0.716621956 8.71423297,0.61442801 C8.45527307,0.497577695 8.14454487,0.585215431 8.02372586,0.804293078 L6.81533841,2.74694625 C6.67723699,2.9660239 6.76353065,3.22897049 7.02249055,3.33119782 Z" id="Fill-8" fill="#000000"></path>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.3 KiB

13
client/src/images/sidePanelIcons/tribal-tract.svg Normal file
View file

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 58 (84663) - https://sketch.com -->
<title>Oval</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" fill-opacity="0.6">
<g id="Group-7" transform="translate(-147.000000, -655.000000)" fill="#18437F" stroke="#18437F" stroke-width="2">
<g id="Group-Copy-9">
<circle id="Oval" cx="155" cy="663" r="7"></circle>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 680 B

0
client/src/images/sidePanelIcons/upDown.svg → client/src/images/sidePanelIcons/up-down.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

108
client/src/intl/en.json
View file

@ -139,10 +139,6 @@
"defaultMessage": "Want to contribute?",
"description": "Navigate to the about page. This is third Footer column header"
},
"common.pages.footer.eng.cal.text": {
"defaultMessage": "Engagement calendar",
"description": "Navigate to the about page. This is Footer eng.cal.gov link text"
},
"common.pages.footer.findcontact": {
"defaultMessage": "Find a contact at USA.gov",
"description": "Navigate to the about page. This is Footer find contact link text"
@ -179,13 +175,13 @@
"defaultMessage": "Privacy Policy",
"description": "Navigate to the about page. This is Footer privacy policy link text"
},
"common.pages.footer.rfi.link": {
"defaultMessage": "https://www.federalregister.gov/d/2022-03920",
"description": "Navigate to the about page. This is Footer rfi link"
"common.pages.footer.sign.up": {
"defaultMessage": "Sign up for updates",
"description": "Navigate to the about page. This is Footer under Sign-up for updates"
},
"common.pages.footer.rfi.text": {
"defaultMessage": "Request for Information",
"description": "Navigate to the about page. This is Footer rfi link text"
"common.pages.footer.sign.up.link": {
"defaultMessage": "https://www.surveymonkey.com/r/whceqej",
"description": "Navigate to the about page. This is Footer link under Sign-up for updates"
},
"common.pages.footer.whitehouse.link": {
"defaultMessage": "https://www.whitehouse.gov/",
@ -260,7 +256,7 @@
"description": "The footer sticky link that links to the CEJST survey"
},
"contact.page.fab.survey.text": {
"defaultMessage": "Help us improve the site & data",
"defaultMessage": "Help improve the tool",
"description": "Navigate to the contact page, this is the text for floating action button"
},
"contact.page.general": {
@ -328,15 +324,15 @@
"description": "Navigate to the Downloads page, this will be the page title text"
},
"explore.map.page.description.1": {
"defaultMessage": "Overburdened and underserved census tracts are highlighted as being disadvantaged on the map. The map also highlights areas within Federally-recognized Tribal reservations. These areas are also considered disadvantaged.",
"defaultMessage": "Census tracts that are overburdened and underserved census tracts are highlighted as being disadvantaged on the map. These include Federally-Recognized Tribal lands, including Alaska Native Villages.",
"description": "On the explore the map page, the first description of the page"
},
"explore.map.page.description.2": {
"defaultMessage": "Zooming and selecting shows information about each census tract or tribal area. Change the selection to see information about tribal land areas.",
"defaultMessage": "Zooming-in and selecting shows information about each census tract.",
"description": "On the explore the map page, the fifth description of the page"
},
"explore.map.page.explore.data.box.body": {
"defaultMessage": "Download the data with documentation and shapefiles, from the <link1>downloads</link1> page",
"defaultMessage": "Download the data with documentation and shapefiles, from the <link1>downloads</link1> page.",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Things to know, this is the fifth paragraph of this side pane"
},
"explore.map.page.explore.data.box.title": {
@ -479,9 +475,9 @@
"defaultMessage": "YES",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show the communities the score currently is focused on"
},
"explore.map.page.side.panel.demo.age.over.64": {
"defaultMessage": "Elderly over 64",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show the demographics: Elderly over 64"
"explore.map.page.side.panel.demo.age.over.65": {
"defaultMessage": "Elderly over 65",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show the demographics: Elderly over 65"
},
"explore.map.page.side.panel.demo.age.title": {
"defaultMessage": "Age",
@ -664,8 +660,8 @@
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Share of homes without indoor kitchens or plumbing"
},
"explore.map.page.side.panel.indicator.description.leadPaint": {
"defaultMessage": "Share of homes that are not very expensive and are likely to have lead paint",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Share of homes that are not very expensive and are likely to have lead paint \n "
"defaultMessage": "Share of homes that are likely to have lead paint",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Share of homes that are likely to have lead paint \n "
},
"explore.map.page.side.panel.indicator.description.leaky.tanks": {
"defaultMessage": "Formula that counts leaking underground storage tanks and number of all underground storage tanks within 1500 feet",
@ -720,7 +716,7 @@
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Modeled toxic concentrations at parts of streams within 500 meters"
},
"explore.map.page.side.panel.indicator.description.wildfire": {
"defaultMessage": "Projected risk to properties from wildfire from fire fuels, weather, humans, and fire movement",
"defaultMessage": "Projected risk to properties from wildfire from fire fuels, weather, humans, and fire movement in 30 years",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of wildfire risk"
},
"explore.map.page.side.panel.indicator.diabetes": {
@ -856,8 +852,8 @@
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Transportation title\n"
},
"explore.map.page.side.panel.indicator.title.clean.water": {
"defaultMessage": "Water",
"description": "Navigate to the explore the tool page. When the map is in view, click on the map. The side panel will show Water title\n"
"defaultMessage": "Water and wastewater",
"description": "Navigate to the explore the tool page. When the map is in view, click on the map. The side panel will show Water and wastewater title\n"
},
"explore.map.page.side.panel.indicator.title.climate": {
"defaultMessage": "Climate change",
@ -935,10 +931,18 @@
"defaultMessage": "An icon that a bell curve or gaussian distribution",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show An icon that a bell curve or gaussian distribution"
},
"explore.map.page.side.panel.info.alt.text.icon.check": {
"defaultMessage": "An icon that depicts a check mark conveying yes and/or no",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show An icon that depicts a check mark conveying yes and/or no"
},
"explore.map.page.side.panel.info.alt.text.icon.dac.circle": {
"defaultMessage": "a blue circle icon informing the user of what a disadvantaged community is depicted as",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show a blue circle icon informing the user of what a disadvantaged community is depicted as"
},
"explore.map.page.side.panel.info.alt.text.icon.file.up": {
"defaultMessage": "An icon shows a up arrow with a lower limit implying that it's above a threshold",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show An icon that a bell curve or gaussian distribution"
},
"explore.map.page.side.panel.info.alt.text.icon.locate": {
"defaultMessage": "a gps icon informing the user can locate",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show a gps icon informing the user can locate"
@ -947,6 +951,10 @@
"defaultMessage": "a mouse arrow icon informing the user can use the mouse",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show a mouse arrow icon informing the user can use the mouse"
},
"explore.map.page.side.panel.info.alt.text.icon.people": {
"defaultMessage": "a people icon informing the user of communities",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show a tract icon informing the user of people"
},
"explore.map.page.side.panel.info.alt.text.icon.pie": {
"defaultMessage": "An icon that depicts a part of pie chart being removed",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show An icon that depicts a part of pie chart being removed"
@ -975,6 +983,10 @@
"defaultMessage": "Things to know:",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Things to know:"
},
"explore.map.page.side.panel.info.para.1": {
"defaultMessage": "Thresholds",
"description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Thresholds, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages or a simple yes/no."
},
"explore.map.page.side.panel.info.para.1.part.1": {
"defaultMessage": "Zoom in",
"description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Zoom in"
@ -988,40 +1000,48 @@
"description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show and select"
},
"explore.map.page.side.panel.info.para.1.part.5": {
"defaultMessage": "to see information about any census tract",
"defaultMessage": "to see information about any census tract.",
"description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show to see information about any census tract"
},
"explore.map.page.side.panel.info.para.2": {
"defaultMessage": ", or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages",
"description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Thresholds, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages or a simple yes/no."
},
"explore.map.page.side.panel.info.para.2.part.1": {
"defaultMessage": "The tool uses census tracts",
"description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show The tool uses census tracts"
},
"explore.map.page.side.panel.info.para.2.part.2": {
"defaultMessage": ". Census tracts are a small unit of geography. They make it possible to display data consistenly across the nation.",
"description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Census tracts are a small unit of geography. They make it possible to display data consistenly across the nation."
"defaultMessage": "of between 1,200 - 8,000 people.",
"description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Census tracts are a small unit of geography. They generally have populations of between 1,200 - 8,000 people."
},
"explore.map.page.side.panel.info.para.3": {
"defaultMessage": "or a simple yes/no",
"description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Thresholds, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages or a simple yes/no."
},
"explore.map.page.side.panel.info.para.3.part.1": {
"defaultMessage": "Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted in a blueish gray color",
"description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted in a blueish gray color"
"defaultMessage": "Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted",
"description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted on the map."
},
"explore.map.page.side.panel.info.para.3.part.2": {
"defaultMessage": "on the map. This color is an opacity. This is so information about the map can be seen.",
"defaultMessage": "on the map.",
"description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show on the map. This color is an opacity. This is so information about the map can be seen."
},
"explore.map.page.side.panel.info.para.4": {
"defaultMessage": ".",
"description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Thresholds, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages or a simple yes/no."
},
"explore.map.page.side.panel.info.para.4.part.1": {
"defaultMessage": "The tool uses percentiles",
"description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show The tool uses percentiles"
"defaultMessage": "The tool ranks most of the burdens using percentiles",
"description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show The tool ranks most of the burdens using percentiles"
},
"explore.map.page.side.panel.info.para.4.part.2": {
"defaultMessage": ", percentages",
"defaultMessage": ". Percentiles show how much burden each tract experiences when compared to other tracts.",
"description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show percentages"
},
"explore.map.page.side.panel.info.para.4.part.3": {
"defaultMessage": ", or a simple yes/no to indicate how much burden the communities are experiencing in each tract.",
"description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show or a simple yes/no to indicate how much burden the communities are experiencing in each tract."
},
"explore.map.page.side.panel.info.para5": {
"defaultMessage": "The tool also uses thresholds. If the tract meets or exceeds the threshold of any climate, environmental, or other burden <bold>AND</bold> it meets the threshold for the associated socioeconomic burden, then communites in the tract are considered disadvantaged.",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Things to know, this is the fifth paragraph of this side pane"
"explore.map.page.side.panel.info.para.6": {
"defaultMessage": "highlighted on the map. These communities are also considered disadvantaged.",
"description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Federally Recognized Tribal lands are also highlighted on the map. These communities are also considered disadvantaged."
},
"explore.map.page.side.panel.is.community.of.focus": {
"defaultMessage": "Identified as disadvantaged?",
@ -1099,18 +1119,18 @@
"defaultMessage": "U.S. territories note",
"description": "Navigate to the explore the map page. Under the map, you will see territories intro text"
},
"explore.map.page.under.map.note.on.territories.para.0": {
"defaultMessage": "Not all the data used in CEJST are available or used for all U.S. territories.",
"description": "Navigate to the explore the map page. Under the map, you will see territories paragraph 0"
},
"explore.map.page.under.map.note.on.territories.para.1": {
"defaultMessage": "Puerto Rico: The <link1>U.S. Census Bureau's American Community Survey data</link1> from 2015 - 2019 are used for all fields in the workforce development category except for linguistic isolation. Linguistic isolation was removed based on feedback during the beta period. Proximity to National Priorities List (NPL) sites, proximity to Risk Management Plan (RMP) facilities, traffic proximity and volume, diesel particulate matter exposure, energy cost and housing cost were added for Puerto Rico in the 1.0 version.",
"defaultMessage": "<bold>Puerto Rico:</bold> The data used for Puerto Rico are from all relevant and available fields in the energy, housing, legacy pollution, transportation, and workforce development categories. The following data are used: projected flood risk, energy cost, lack of plumbing, lead paint, housing cost, proximity to hazardous waste facilities, proximity to Superfund or National Priorities List (NPL) sites, proximity to Risk Management Plan (RMP) facilities, diesel particulate matter exposure, traffic proximity and volume, leaking underground storage tanks, wastewater discharge, poverty, unemployment, and high school education. Linguistic isolation was removed for Puerto Rico based on feedback received during the beta period.",
"description": "Navigate to the explore the map page. Under the map, you will see territories paragraph 1"
},
"explore.map.page.under.map.note.on.territories.para.2": {
"defaultMessage": "American Samoa and the Northern Mariana Islands: The <link1>Decennial Census data</link1> from 2010 are used. The CEJST uses the following data for these territories: unemployment, poverty, low median income, and high school education. These burdens are in the workforce Development category.",
"defaultMessage": "<bold>American Samoa, Guam, the Northern Mariana Islands, and the U.S. Virgin Islands:</bold> For these U.S. territories, the tool uses the following data: unemployment, poverty, low median income, and high school education. These burdens are in the workforce development category.",
"description": "Navigate to the explore the map page. Under the map, you will see territories paragraph 2"
},
"explore.map.page.under.map.note.on.territories.para.3": {
"defaultMessage": "Guam and the U.S. Virgin Islands: Some <link1>Decennial Census data</link1> from 2010 are used. They show burdens in the workforce development category. The data includes: Unemployment, poverty, low median income, and high school education.",
"description": "Navigate to the explore the map page. Under the map, you will see territories paragraph 3"
},
"explore.map.page.under.map.note.on.tribal.nations.intro": {
"defaultMessage": "A note on Tribal Nations",
"description": "Navigate to the explore the map page. Under the map, you will see tribal nations intro text"

6
client/src/pages/about.tsx
View file

@ -8,6 +8,7 @@ import {Grid} from '@trussworks/react-uswds';
import HowYouCanHelp from '../components/HowYouCanHelp';
import J40MainGridContainer from '../components/J40MainGridContainer';
import Layout from '../components/layout';
import PublicEngageButton from '../components/PublicEngageButton';
import SubPageNav from '../components/SubPageNav';
import * as ABOUT_COPY from '../data/copy/about';
@ -43,6 +44,7 @@ const AboutPage = ({location}: IAboutPageProps) => {
<section className={'page-heading'}>
<h1 data-cy={'about-page-heading'}>{intl.formatMessage(ABOUT_COPY.PAGE.TITLE)}</h1>
<PublicEngageButton />
</section>
<Grid row gap className={'j40-mb5-mt3'}>
@ -56,13 +58,13 @@ const AboutPage = ({location}: IAboutPageProps) => {
<p>
{ABOUT_COPY.CONTENT.PARA2}
</p>
<p>
<div className={'j40-p-tag'}>
{ABOUT_COPY.CONTENT.PARA3}
<ul>
<li> {ABOUT_COPY.CONTENT.LI1}</li>
<li> {ABOUT_COPY.CONTENT.LI2}</li>
</ul>
</p>
</div>
<p>
{ABOUT_COPY.CONTENT.PARA4}
</p>

2
client/src/pages/contact.tsx
View file

@ -5,6 +5,7 @@ import {useIntl, FormattedMessage} from 'gatsby-plugin-intl';
import J40MainGridContainer from '../components/J40MainGridContainer';
import Layout from '../components/layout';
import LinkTypeWrapper from '../components/LinkTypeWrapper';
import PublicEngageButton from '../components/PublicEngageButton';
import RequestForInfo from '../components/RequestForInfo';
import * as CONTACT_COPY from '../data/copy/contact';
@ -23,6 +24,7 @@ const ContactPage = ({location}: IContactPageProps) => {
<section className={'page-heading'}>
<h1>{intl.formatMessage(CONTACT_COPY.PAGE_INTRO.PAGE_HEADING)}</h1>
<PublicEngageButton />
</section>
<Grid row gap={6}>

10
client/src/pages/index.tsx
View file

@ -6,6 +6,7 @@ import ExploreDataBox from '../components/ExploreDataBox';
import J40Map from '../components/J40Map';
import J40MainGridContainer from '../components/J40MainGridContainer';
import Layout from '../components/layout';
import PublicEngageButton from '../components/PublicEngageButton';
import * as EXPLORE_COPY from '../data/copy/explore';
@ -25,6 +26,7 @@ const ExporeToolPage = ({location}: IMapPageProps) => {
<section className={'page-heading'}>
<h1>{intl.formatMessage(EXPLORE_COPY.PAGE_INTRO.PAGE_HEADING)}</h1>
<PublicEngageButton />
</section>
<Grid row gap className={'j40-mb5-mt3'}>
@ -32,21 +34,15 @@ const ExporeToolPage = ({location}: IMapPageProps) => {
{/* Gradually increase width of the Grid as the width decreases from desktop to mobile*/}
{/* desktop = 7 columns, tablet = 10 columns and mobile = 12 columns (full width) */}
<Grid desktop={{col: 8}} tablet={{col: 10}} col={12}>
<section>
<p>
{EXPLORE_COPY.PAGE_DESCRIPTION1}
</p>
<p>
{EXPLORE_COPY.PAGE_DESCRIPTION2}
</p>
</section>
</Grid>
<Grid desktop={{col: 4}} tablet={{col: 10}} col={12}>
<section>
<p>
<ExploreDataBox />
</p>
</section>
</Grid>
</Grid>
</J40MainGridContainer>
@ -60,9 +56,9 @@ const ExporeToolPage = ({location}: IMapPageProps) => {
<J40MainGridContainer>
<Grid desktop={{col: 7}} tablet={{col: 10}} col={12}>
<h2>{EXPLORE_COPY.NOTE_ON_TERRITORIES.INTRO}</h2>
<p>{EXPLORE_COPY.NOTE_ON_TERRITORIES.PARA_0}</p>
<p>{EXPLORE_COPY.NOTE_ON_TERRITORIES.PARA_1}</p>
<p>{EXPLORE_COPY.NOTE_ON_TERRITORIES.PARA_2}</p>
<p>{EXPLORE_COPY.NOTE_ON_TERRITORIES.PARA_3}</p>
</Grid>
<Grid desktop={{col: 7}} tablet={{col: 10}} col={12}>

2
client/src/pages/methodology.tsx
View file

@ -9,6 +9,7 @@ import J40MainGridContainer from '../components/J40MainGridContainer';
import MethodologyFormula from '../components/MethodologyFormula';
import Layout from '../components/layout';
import SubPageNav from '../components/SubPageNav';
import PublicEngageButton from '../components/PublicEngageButton';
import * as CONSTANTS from '../data/constants';
import * as METHODOLOGY_COPY from '../data/copy/methodology';
@ -29,6 +30,7 @@ const IndexPage = ({location}: MethodPageProps) => {
<section className={'page-heading'}>
<h1>{intl.formatMessage(METHODOLOGY_COPY.PAGE.HEADING)}</h1>
<PublicEngageButton />
</section>
<Grid row gap className={'j40-mb5-mt3'}>

71
client/src/pages/tests/__snapshots__/about.test.tsx.snap
View file

@ -379,6 +379,27 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
About
</h1>
<div>
<a
href="/en/public-engagement"
>
<button
class="usa-button"
data-testid="button"
type="button"
>
<div>
<img
alt="an icon that represents a calendar"
src="test-file-stub"
/>
<div>
Public engagement
</div>
</div>
</button>
</a>
</div>
</section>
<div
class="grid-row grid-gap j40-mb5-mt3"
@ -419,11 +440,12 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
. The Justice40 Initiative seeks to deliver 40% of the overall benefits of investments in climate, clean energy, and related areas to disadvantaged communities.
</p>
<p>
<div
class="j40-p-tag"
>
Federal agencies should also use the following:
</p>
<ul>
<li>
@ -436,7 +458,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</li>
</ul>
<p />
</div>
<p>
CEQ will update the tool each year based on public feedback, research, and the availability of new data. The current version of the tool is version 1.0.
@ -752,9 +774,6 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</a>
.
</li>
<li>
Have feedback about a specific census tract? You can either click here or click the “Send Feedback” button on the side-panel of a census tract on the map.
</li>
<li>
Any other questions? Email:
<a
@ -827,6 +846,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</address>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="sign-up-for-updates"
href="https://www.surveymonkey.com/r/whceqej"
rel="noreferrer"
target="_blank"
>
Sign up for updates
</a>
</li>
</ul>
</section>
</div>
@ -846,30 +878,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="usa-link footer-link-first-child"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-information"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Information
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
class="usa-link usa-link--external footer-link-first-child"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -997,7 +1006,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="button"
type="button"
>
Help us improve the site & data
Help improve the tool
<img
alt="launch icon"
src="test-file-stub"

61
client/src/pages/tests/__snapshots__/contact.test.tsx.snap
View file

@ -377,6 +377,27 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
<h1>
Contact
</h1>
<div>
<a
href="/en/public-engagement"
>
<button
class="usa-button"
data-testid="button"
type="button"
>
<div>
<img
alt="an icon that represents a calendar"
src="test-file-stub"
/>
<div>
Public engagement
</div>
</div>
</button>
</a>
</div>
</section>
<div
class="grid-row grid-gap-6"
@ -527,6 +548,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</address>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="sign-up-for-updates"
href="https://www.surveymonkey.com/r/whceqej"
rel="noreferrer"
target="_blank"
>
Sign up for updates
</a>
</li>
</ul>
</section>
</div>
@ -546,30 +580,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="usa-link footer-link-first-child"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-information"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Information
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
class="usa-link usa-link--external footer-link-first-child"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -697,7 +708,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="button"
type="button"
>
Help us improve the site & data
Help improve the tool
<img
alt="launch icon"
src="test-file-stub"

40
client/src/pages/tests/__snapshots__/downloads.test.tsx.snap
View file

@ -527,6 +527,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</address>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="sign-up-for-updates"
href="https://www.surveymonkey.com/r/whceqej"
rel="noreferrer"
target="_blank"
>
Sign up for updates
</a>
</li>
</ul>
</section>
</div>
@ -546,30 +559,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="usa-link footer-link-first-child"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-information"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Information
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
class="usa-link usa-link--external footer-link-first-child"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -697,7 +687,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="button"
type="button"
>
Help us improve the site & data
Help improve the tool
<img
alt="launch icon"
src="test-file-stub"

40
client/src/pages/tests/__snapshots__/freqAskedQuestions.test.tsx.snap
View file

@ -440,6 +440,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</address>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="sign-up-for-updates"
href="https://www.surveymonkey.com/r/whceqej"
rel="noreferrer"
target="_blank"
>
Sign up for updates
</a>
</li>
</ul>
</section>
</div>
@ -459,30 +472,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="usa-link footer-link-first-child"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-information"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Information
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
class="usa-link usa-link--external footer-link-first-child"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -610,7 +600,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="button"
type="button"
>
Help us improve the site & data
Help improve the tool
<img
alt="launch icon"
src="test-file-stub"

61
client/src/pages/tests/__snapshots__/methodology.test.tsx.snap
View file

@ -377,6 +377,27 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
<h1>
Methodology
</h1>
<div>
<a
href="/en/public-engagement"
>
<button
class="usa-button"
data-testid="button"
type="button"
>
<div>
<img
alt="an icon that represents a calendar"
src="test-file-stub"
/>
<div>
Public engagement
</div>
</div>
</button>
</a>
</div>
</section>
<div
class="grid-row grid-gap j40-mb5-mt3"
@ -2407,6 +2428,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</address>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="sign-up-for-updates"
href="https://www.surveymonkey.com/r/whceqej"
rel="noreferrer"
target="_blank"
>
Sign up for updates
</a>
</li>
</ul>
</section>
</div>
@ -2426,30 +2460,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="usa-link footer-link-first-child"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-information"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Information
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
class="usa-link usa-link--external footer-link-first-child"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -2577,7 +2588,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="button"
type="button"
>
Help us improve the site & data
Help improve the tool
<img
alt="launch icon"
src="test-file-stub"

40
client/src/pages/tests/__snapshots__/publicEng.test.tsx.snap
View file

@ -1038,6 +1038,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</address>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="sign-up-for-updates"
href="https://www.surveymonkey.com/r/whceqej"
rel="noreferrer"
target="_blank"
>
Sign up for updates
</a>
</li>
</ul>
</section>
</div>
@ -1057,30 +1070,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="usa-link footer-link-first-child"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-information"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Information
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
class="usa-link usa-link--external footer-link-first-child"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -1208,7 +1198,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="button"
type="button"
>
Help us improve the site & data
Help improve the tool
<img
alt="launch icon"
src="test-file-stub"

40
client/src/pages/tests/__snapshots__/techSupportDoc.test.tsx.snap
View file

@ -440,6 +440,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</address>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="sign-up-for-updates"
href="https://www.surveymonkey.com/r/whceqej"
rel="noreferrer"
target="_blank"
>
Sign up for updates
</a>
</li>
</ul>
</section>
</div>
@ -459,30 +472,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="usa-link footer-link-first-child"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-information"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Information
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
class="usa-link usa-link--external footer-link-first-child"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -610,7 +600,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="button"
type="button"
>
Help us improve the site & data
Help improve the tool
<img
alt="launch icon"
src="test-file-stub"

6
client/src/styles/global.scss
View file

@ -171,6 +171,12 @@ li.usa-nav__primary-item a:hover::after{
@include u-margin-bottom(5);
@include u-margin-top(3);
}
.j40-p-tag {
margin-top: 1.25rem;
font-size: 1.06rem;
line-height: 1.4;
}
}
// all external links