Release of improve census tract display info (#1480)

* will replace mapbox logo (#1477)

* Replace maplibre logo with mapbox
* change the logo go to mapbox
* Add CodeQL and modify mapbox logo via useRef()

* Make side panel formula more apparent (#1481)

* Add ExceedBurden and CategorySpacer

- create ExceedBurden component that is used twice
- create a .categorySpacer class for the AND component
- modify indicator styling to work with background higlighting
- add BE stubs for Burden booleans
- remove Indicators header
- add copy to intl

* Add comments on disadv. indicator

- darken bg color
- add a border
- bold the text

* Adds indicator arrow and sub text to sidepanel

- add threshold to IndicatorInfo
- update SASS for indicatorValueCol
- update tests
- add constants to intl

* Make disadv indicators bold

- add 1px margin between indicators

* Add BE signals for new sidepanel

- tested with staging backend

* Add staging hash to URL

* Fix poverty backend signal

- refactor backend signals in constants file

* Make exceed burden value bold

* Refactor indicator values

- remove arrows and subtext when value is N/A
- Show -- when value is N/A
- intl alt tags in indicator
- fix alignment of arrows
- update snapshots

* Revert settings.json file

* revert settings file again

* Refactor what is displayed when data unavailable

- add an unavailable icon
- add data is not available subtext
- modify low income threshold
- update snapshots
- factor out rendered logic to JSX functions
- update image alt tags and intl

* Refactor Indicator component to unit test

- Add unit test for Indicator value icon
- Add unit test for Indicator value sub-text
- update snapshots

* Add de-coupled BE signals

* Rebase hotfix

* Fix indicator value 0 shows N/A icon

- remove coercion of 0 as null
- make components check null / failure case first and default all else
- update unit test to account for this use case
- update snapshots

* Add null check for percentage suffix

- update unit tests
- update snapshots

* remove cypress zoom test

- intermittent failure continue

* revert cypress to 8.3.0

* Revert cypress-cucumber

* Add Chrome to frontend deploy action

* Update logo css classname after update to maplibre (#1482)

* Add new wording to the map panel that appears upon load when no tract is selected and Outstanding CEQ changes to sidepanel (#1483)

* Add new side panel unselected tract

- add new icons
- refactor old component
- follow component folder pattern
- update snapshot tests
- add to intl

* Add bold to text, add spacing and correct typos

* Add tabindex to sidepanel content to pass a11y

* Refactor i18n anti-patterns on explore tool page

- add i18n patterns for nesting
- add i18n pattern for partial strings
- add i18n rich-text functions
- add i18n pattern for minimal context
- add i18n pattern for dates
- add i18n pattern for numbers
- add i18n pattern for centralizing rich text functions
- add i18n patter for description
- add i18n pattern for ids
- see shared drive file J40 Localization Patterns for status on refactor

* Remove links of expired public engagement sessions

- allow cypress tests to pass

* Update snapshots for public enagement page

* Copy updates to non-selected side panel

- update snapshots

* Updates to side panel copy

- ag loss and building loss text
- clean transit
- NPL RMP sites
- proportion to percent
- update snapshots
- updates to es.json

* Updates from QA

- make title smaller
- make margins above icons smaller
- add bottom margin on container
- add census before tracts in copy
- update snapshots

* Update snapshot after rebase

* disable max-len on description fields on i18n copy (#1487)

* Remove color key from Explore the tool page (#1484)

* Remove color key

* Add comment to Language component

* Move tribal note copy to meth page

- adjust responsive sizing props on Grid to allow for proper mobile viewing on Explore page

* Add responsive size to text under map

- reduce z-index of territory focus control so that it doesn't go over the survey button on mobile

* Rewrite the two "notes about" the "low" datasets (#1489)

* Refactor all copy to adhere to recommended patterns

- remove LowIncome component
- add intl README
- update snapshots

* Fix key error missing in datasetCard

- update type in IIndicators
- update snapshots

* Add two notes on low dataset cards

- refactor DatasetCard to standard component pattern
- add a note to the interface
- update snapshots

* Add function comment to force re-build

* Update missing sass module file name

* Update sidepanel non-selected copy (#1495)

* Update sidepanel non-selected copy

- update snapshots

* Update URL in deploy FE for cypress test

* removing trailing slash

* Add wording to UI that calls out improvements to display of census tract information (#1492)

* Adds census tract alert on all pages

- add i18n text
- updates snapshots
- makes public engagement page a fast link

* Style the Alert to have more space around it

* Update copy on Alert

- update snapshots

* Swap gerkhin order

* Set Alert to expire on Apr 15th 2022

* Add WHEJAC meetings (#1501)

* Add WHEJAC meetings

- add expired icons
- automatically load expired icons when event has passed
- update snapshots

* Update public engagement button

* Remove public eng gherkin tests

- need to troubleshoot why these are failing

* Remove the before CEQ in copy

* Make the count of thresholds exceeded on the side panel more clear (#1503)

* Update category / thrsh count in side panel

- connect BE signal of CC to side panel
- i18n functions to call from AreaDetail component
- update snapshots
-

* Update send feedback - color and icon

- update snapshots

* Update both exceed statements in sidepanel

- update snapshots

* Update copy for higher ed and high school (#1502)

* Update copy for higher ed and high school

- update dataset cards
- update taskforce card AND
- update side panel indicator titles
- add i18n for dataset cards title
- update snapshots

* Update threshold values for Higher ed and HS.

- update snapshots

* Update AND clause

- missing 'of' in copy
- update BE signal for non-higher ed enrollment signal
This commit is contained in:
Vim 2022-03-29 22:49:57 -04:00 committed by GitHub
commit db6b5de24e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
91 changed files with 5339 additions and 3220 deletions

View file

@ -1,8 +1,8 @@
/* eslint-disable max-len */
import React from 'react';
import {defineMessages} from 'react-intl';
import {FormattedMessage} from 'gatsby-plugin-intl';
import LinkTypeWrapper from '../../components/LinkTypeWrapper';
import {italicFn, linkFn} from './common';
export const EXEC_ORDER_LINK = 'https://www.federalregister.gov/documents/2021/02/01/2021-02177/tackling-the-climate-crisis-at-home-and-abroad#:~:text=Sec.%20223.%20Justice40,40-percent%20goal.';
@ -10,28 +10,28 @@ export const PAGE = defineMessages({
TILE: {
id: 'about.page.title.text',
defaultMessage: 'About',
description: 'about page title text',
description: 'Navigate to the About page. This is the about page title text',
},
HEADING: {
id: 'index.heading.about.us',
id: 'about.page.heading.text',
defaultMessage: 'About',
description: 'main heading for about page',
description: 'Navigate to the About page. This is the first heading',
},
HEADING_1: {
id: 'index.heading.screentool',
id: 'about.page.heading.1.text',
defaultMessage: 'Screening tool',
description: 'heading for about screening tool',
description: 'Navigate to the About page. This is the second heading',
},
HEADING1_DESCRIPTION2: {
id: 'about.page.sub.header.1.text.2',
defaultMessage: 'The current version of the tool is in a public beta form and'+
' will be updated based on feedback and research.',
description: 'about page sub header text',
description: 'Navigate to the About page. This is first heading description',
},
HEADING_2: {
id: 'index.heading.justice40',
id: 'about.page.sub.header.2.text',
defaultMessage: 'The Justice40 Initiative',
description: 'heading for about justice 40',
description: 'Navigate to the About page. This is the third heading',
},
HEADING2_DESCRIPTION1: {
id: 'about.page.sub.header.2.text.1',
@ -43,7 +43,7 @@ export const PAGE = defineMessages({
housing, training and workforce development, the remediation and reduction of legacy pollution,
and the development of critical clean water infrastructure.
`,
description: 'about page sub header text',
description: 'Navigate to the About page. This is the third heading description',
},
});
@ -51,9 +51,9 @@ export const HEADING_1 = {
DESCRIPTION_1:
<FormattedMessage
id={'about.page.sub.header.1.text.1'}
description={'about page sub header text'}
description={'Navigate to the About page. This is the second heading description'}
defaultMessage={`
In {eoLink} on {tacklingItalics}, President Biden directed the Council on Environmental Quality (CEQ)
In <link1>Executive Order 14008</link1> on <italictag>Tackling the Climate Crisis at Home and Abroad</italictag>, President Biden directed the Council on Environmental Quality (CEQ)
to create a Climate and Economic Justice Screening Tool. The purpose of the tool is to help
Federal agencies identify disadvantaged communities that are marginalized, underserved, and
overburdened by pollution. The current version of the tool provides socioeconomic, environmental,
@ -61,13 +61,8 @@ export const HEADING_1 = {
tool identifies disadvantaged communities through publicly-available, nationally-consistent datasets.
`}
values={{
eoLink: <LinkTypeWrapper
linkText={'Executive Order 14008'}
internal={false}
url={EXEC_ORDER_LINK}
openUrlNewTab={true}
/>,
tacklingItalics: <i>Tackling the Climate Crisis at Home and Abroad</i>,
link1: linkFn(EXEC_ORDER_LINK, false, true),
italictag: italicFn,
}}
/>,
};
@ -79,16 +74,11 @@ export const HEADING_2 = {
description={'about page sub header text'}
defaultMessage={`
Read more about the Justice40 Initiative in President Bidens
{eoLink} on {tacklingItalics}.
<link1>Executive Order 14008</link1> on <italictag>Tackling the Climate Crisis at Home and Abroad</italictag>.
`}
values={{
eoLink: <LinkTypeWrapper
linkText={'Executive Order 14008'}
internal={false}
url={EXEC_ORDER_LINK}
openUrlNewTab={true}
/>,
tacklingItalics: <i>Tackling the Climate Crisis at Home and Abroad</i>,
link1: linkFn(EXEC_ORDER_LINK, false, true),
italictag: italicFn,
}}
/>,
};
@ -98,81 +88,81 @@ export const GITHUB_LINK = 'https://github.com/usds/justice40-tool';
export const HOW_TO_GET_STARTED = defineMessages({
TITLE: {
id: 'howToGetStarted.title',
id: 'about.page.howToGetStarted.title',
defaultMessage: 'How to get started',
description: 'sub heading of page',
description: 'Navigate to the About page. This is the sub heading of page',
},
FEDERAL_PM_HEADING: {
id: 'federal.pm.heading',
id: 'about.page.federal.pm.heading',
defaultMessage: 'Federal program managers',
description: 'sub heading of page',
description: 'Navigate to the About page. This is the sub heading of page',
},
FEDERAL_PM_INFO: {
id: 'federal.pm.info',
id: 'about.page.federal.pm.info',
defaultMessage: `
Download the tools current list of communities, explore data that may be useful to your
program, and provide feedback on the tool.
`,
description: 'sub heading of page',
description: 'Navigate to the About page. This is the sub heading of page',
},
FEDERAL_PM_LINK_TEXT: {
id: 'federal.pm.link',
id: 'about.page.federal.pm.link',
defaultMessage: 'Methodology & data',
description: 'link text to go to methodology page',
description: 'link text to Navigate to the About page. This is the go to methodology page',
},
COMMUNITY_MEMBERS_HEADING: {
id: 'community.members.heading',
id: 'about.page.community.members.heading',
defaultMessage: 'Community members',
description: 'sub heading of page',
description: 'Navigate to the About page. This is the sub heading of page',
},
COMMUNITY_MEMBERS_INFO: {
id: 'community.members.info',
id: 'about.page.community.members.info',
defaultMessage: `
Explore data about communities across the U.S., including your own, and provide feedback on the tool.
`,
description: 'sub heading of page',
description: 'Navigate to the About page. This is the sub heading of page',
},
COMMUNITY_MEMBERS_LINK_TEXT: {
id: 'community.members.link',
id: 'about.page.community.members.link',
defaultMessage: 'Explore the tool',
description: 'link to explore the tool page',
description: 'link to Navigate to the About page. This is the explore the tool page',
},
});
export const GET_INVOLVED = defineMessages({
TITLE: {
id: 'getInvolved.title',
id: 'about.page.getInvolved.title',
defaultMessage: 'Get involved',
description: 'sub heading of page',
description: 'Navigate to the About page. This is the sub heading of page',
},
SEND_FEEDBACK_HEADING: {
id: 'send.feedback.heading',
id: 'about.page.send.feedback.heading',
defaultMessage: 'Send feedback',
description: 'sending feedback heading',
description: 'Navigate to the About page. This is the sending feedback heading',
},
SEND_FEEDBACK_INFO: {
id: 'send.feedback.info',
id: 'about.page.send.feedback.info',
defaultMessage: `
Have ideas about data and information that reflect the experiences and conditions of your community?
`,
description: 'sending feedback information',
description: 'Navigate to the About page. This is the sending feedback information',
},
JOIN_OSC_HEADING: {
id: 'join.opensource.heading',
id: 'about.page.join.opensource.heading',
defaultMessage: 'Join the open source community',
description: 'join the community heading',
description: 'Navigate to the About page. This is the join the community heading',
},
JOIN_OSC_INFO: {
id: 'join.open.source.info',
id: 'about.page.join.open.source.info',
defaultMessage: `
The tools code is open source, which means it is available for the public to view and contribute to it.
`,
description: 'info on joining open source community',
description: 'info on Navigate to the About page. This is the joining open source community',
},
JOIN_OSC_LINK_TEXT: {
id: 'join.open.source.link',
id: 'about.page.join.open.source.link',
defaultMessage: 'Check it out on GitHub',
description: 'link to github repository',
description: 'Navigate to the About page. This is the link to github repository',
},
});