mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-12 00:04:18 -07:00
Update copy and sidepanel (#1305)
* Update copy and sidepanel - modify map legend, add color key and circle stroke - add Higher ed to sidepanel - remove coercion of 0 to N/A on sidepanel - update snapshots * Make send feedback open in new tab
This commit is contained in:
Vim
GitHub
parent
6e64134dc6
commit
41715ef6e6
11 changed files with 311 additions and 86 deletions
|
|
@ -64,37 +64,45 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const getWorkForceIndicatorValue = (indicatorName:string) => {
|
||||
if (sidePanelState === constants.SIDE_PANEL_STATE_VALUES.ISLAND_AREAS) {
|
||||
if (indicatorName === 'lowMedInc') {
|
||||
return properties[constants.ISLAND_AREAS_LOW_MEDIAN_INCOME_LOW_HS_EDU_PERCENTILE_FIELD] ?
|
||||
return properties.hasOwnProperty(constants
|
||||
.ISLAND_AREAS_LOW_MEDIAN_INCOME_LOW_HS_EDU_PERCENTILE_FIELD) ?
|
||||
properties[constants.ISLAND_AREAS_LOW_MEDIAN_INCOME_LOW_HS_EDU_PERCENTILE_FIELD] : null;
|
||||
}
|
||||
if (indicatorName === 'unemploy') {
|
||||
return properties[constants.ISLAND_AREAS_UNEMPLOYMENT_LOW_HS_EDU_PERCENTILE_FIELD] ?
|
||||
return properties.hasOwnProperty(constants
|
||||
.ISLAND_AREAS_UNEMPLOYMENT_LOW_HS_EDU_PERCENTILE_FIELD) ?
|
||||
properties[constants.ISLAND_AREAS_UNEMPLOYMENT_LOW_HS_EDU_PERCENTILE_FIELD] : null;
|
||||
}
|
||||
if (indicatorName === 'poverty') {
|
||||
return properties[constants.ISLAND_AREAS_POVERTY_LOW_HS_EDU_PERCENTILE_FIELD] ?
|
||||
return properties.hasOwnProperty(constants
|
||||
.ISLAND_AREAS_POVERTY_LOW_HS_EDU_PERCENTILE_FIELD) ?
|
||||
properties[constants.ISLAND_AREAS_POVERTY_LOW_HS_EDU_PERCENTILE_FIELD] : null;
|
||||
}
|
||||
if (indicatorName === 'highSchool') {
|
||||
return properties[constants.ISLAND_AREAS_HS_EDU_PERCENTAGE_FIELD] ?
|
||||
return properties.hasOwnProperty(constants
|
||||
.ISLAND_AREAS_HS_EDU_PERCENTAGE_FIELD) ?
|
||||
properties[constants.ISLAND_AREAS_HS_EDU_PERCENTAGE_FIELD] : null;
|
||||
}
|
||||
}
|
||||
|
||||
if (indicatorName === 'lowMedInc') {
|
||||
return properties[constants.LOW_MEDIAN_INCOME_PERCENTILE] ?
|
||||
return properties.hasOwnProperty(constants
|
||||
.LOW_MEDIAN_INCOME_PERCENTILE) ?
|
||||
properties[constants.LOW_MEDIAN_INCOME_PERCENTILE] : null;
|
||||
}
|
||||
if (indicatorName === 'unemploy') {
|
||||
return properties[constants.UNEMPLOYMENT_PROPERTY_PERCENTILE] ?
|
||||
return properties.hasOwnProperty(constants
|
||||
.UNEMPLOYMENT_PROPERTY_PERCENTILE) ?
|
||||
properties[constants.UNEMPLOYMENT_PROPERTY_PERCENTILE] : null;
|
||||
}
|
||||
if (indicatorName === 'poverty') {
|
||||
return properties[constants.POVERTY_PROPERTY_PERCENTILE] ?
|
||||
return properties.hasOwnProperty(constants
|
||||
.POVERTY_PROPERTY_PERCENTILE) ?
|
||||
properties[constants.POVERTY_PROPERTY_PERCENTILE] : null;
|
||||
}
|
||||
if (indicatorName === 'highSchool') {
|
||||
return properties[constants.HIGH_SCHOOL_PROPERTY_PERCENTILE] ?
|
||||
return properties.hasOwnProperty(constants
|
||||
.HIGH_SCHOOL_PROPERTY_PERCENTILE) ?
|
||||
properties[constants.HIGH_SCHOOL_PROPERTY_PERCENTILE] : null;
|
||||
}
|
||||
};
|
||||
|
|
@ -108,37 +116,45 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const getWorkForceIndicatorIsDisadv = (indicatorName:string) => {
|
||||
if (sidePanelState === constants.SIDE_PANEL_STATE_VALUES.ISLAND_AREAS) {
|
||||
if (indicatorName === 'lowMedInc') {
|
||||
return properties[constants.IS_GTE_90_ISLAND_AREA_LOW_MEDIAN_INCOME_AND_IS_LOW_HS_EDU_2009] ?
|
||||
return properties.hasOwnProperty(constants
|
||||
.IS_GTE_90_ISLAND_AREA_LOW_MEDIAN_INCOME_AND_IS_LOW_HS_EDU_2009) ?
|
||||
properties[constants.IS_GTE_90_ISLAND_AREA_LOW_MEDIAN_INCOME_AND_IS_LOW_HS_EDU_2009] : null;
|
||||
}
|
||||
if (indicatorName === 'unemploy') {
|
||||
return properties[constants.IS_GTE_90_ISLAND_AREA_UNEMPLOYMENT_AND_IS_LOW_HS_EDU_2009] ?
|
||||
return properties.hasOwnProperty(constants
|
||||
.IS_GTE_90_ISLAND_AREA_UNEMPLOYMENT_AND_IS_LOW_HS_EDU_2009) ?
|
||||
properties[constants.IS_GTE_90_ISLAND_AREA_UNEMPLOYMENT_AND_IS_LOW_HS_EDU_2009] : null;
|
||||
}
|
||||
if (indicatorName === 'poverty') {
|
||||
return properties[constants.IS_GTE_90_ISLAND_AREA_BELOW_100_POVERTY_AND_IS_LOW_HS_EDU_2009] ?
|
||||
return properties.hasOwnProperty(constants
|
||||
.IS_GTE_90_ISLAND_AREA_BELOW_100_POVERTY_AND_IS_LOW_HS_EDU_2009) ?
|
||||
properties[constants.IS_GTE_90_ISLAND_AREA_BELOW_100_POVERTY_AND_IS_LOW_HS_EDU_2009] : null;
|
||||
}
|
||||
if (indicatorName === 'highSchool') {
|
||||
return properties[constants.ISLAND_AREA_LOW_HS_EDU] ?
|
||||
return properties.hasOwnProperty(constants
|
||||
.ISLAND_AREA_LOW_HS_EDU) ?
|
||||
properties[constants.ISLAND_AREA_LOW_HS_EDU] : null;
|
||||
}
|
||||
}
|
||||
|
||||
if (indicatorName === 'lowMedInc') {
|
||||
return properties[constants.IS_GTE_90_LOW_MEDIAN_INCOME_AND_LOW_HIGH_SCHOOL_EDU] ?
|
||||
return properties.hasOwnProperty(constants
|
||||
.IS_GTE_90_LOW_MEDIAN_INCOME_AND_LOW_HIGH_SCHOOL_EDU) ?
|
||||
properties[constants.IS_GTE_90_LOW_MEDIAN_INCOME_AND_LOW_HIGH_SCHOOL_EDU] : null;
|
||||
}
|
||||
if (indicatorName === 'unemploy') {
|
||||
return properties[constants.IS_GTE_90_UNEMPLOYMENT_AND_LOW_HIGH_SCHOOL_EDU] ?
|
||||
return properties.hasOwnProperty(constants
|
||||
.IS_GTE_90_UNEMPLOYMENT_AND_LOW_HIGH_SCHOOL_EDU) ?
|
||||
properties[constants.IS_GTE_90_UNEMPLOYMENT_AND_LOW_HIGH_SCHOOL_EDU] : null;
|
||||
}
|
||||
if (indicatorName === 'poverty') {
|
||||
return properties[constants.IS_GTE_90_BELOW_100_POVERTY_AND_LOW_HIGH_SCHOOL_EDU] ?
|
||||
return properties.hasOwnProperty(constants
|
||||
.IS_GTE_90_BELOW_100_POVERTY_AND_LOW_HIGH_SCHOOL_EDU) ?
|
||||
properties[constants.IS_GTE_90_BELOW_100_POVERTY_AND_LOW_HIGH_SCHOOL_EDU] : null;
|
||||
}
|
||||
if (indicatorName === 'highSchool') {
|
||||
return properties[constants.IS_LOW_HS_EDUCATION_LOW_HIGHER_ED_PRIORITIZED] &&
|
||||
return properties.hasOwnProperty(constants
|
||||
.IS_LOW_HS_EDUCATION_LOW_HIGHER_ED_PRIORITIZED) &&
|
||||
properties[constants.IS_LOW_HS_EDUCATION_LOW_HIGHER_ED_PRIORITIZED] == 1 ?
|
||||
true : false;
|
||||
}
|
||||
|
|
@ -148,7 +164,7 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const expAgLoss:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.EXP_AG_LOSS),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.EXP_AG_LOSS),
|
||||
value: properties[constants.EXP_AGRICULTURE_LOSS_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.EXP_AGRICULTURE_LOSS_PERCENTILE) ?
|
||||
properties[constants.EXP_AGRICULTURE_LOSS_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_GTE_90_EXP_AGR_LOSS_AND_IS_LOW_INCOME] ?
|
||||
properties[constants.IS_GTE_90_EXP_AGR_LOSS_AND_IS_LOW_INCOME] : null,
|
||||
|
|
@ -156,7 +172,7 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const expBldLoss:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.EXP_BLD_LOSS),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.EXP_BLD_LOSS),
|
||||
value: properties[constants.EXP_BUILDING_LOSS_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.EXP_BUILDING_LOSS_PERCENTILE) ?
|
||||
properties[constants.EXP_BUILDING_LOSS_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_GTE_90_EXP_BLD_LOSS_AND_IS_LOW_INCOME] ?
|
||||
properties[constants.IS_GTE_90_EXP_BLD_LOSS_AND_IS_LOW_INCOME] : null,
|
||||
|
|
@ -164,7 +180,7 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const expPopLoss:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.EXP_POP_LOSS),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.EXP_POP_LOSS),
|
||||
value: properties[constants.EXP_POPULATION_LOSS_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.EXP_POPULATION_LOSS_PERCENTILE) ?
|
||||
properties[constants.EXP_POPULATION_LOSS_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_GTE_90_EXP_POP_LOSS_AND_IS_LOW_INCOME] ?
|
||||
properties[constants.IS_GTE_90_EXP_POP_LOSS_AND_IS_LOW_INCOME] : null,
|
||||
|
|
@ -172,24 +188,25 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const lowInc:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LOW_INCOME),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LOW_INCOME),
|
||||
value: properties[constants.POVERTY_BELOW_200_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.POVERTY_BELOW_200_PERCENTILE) ?
|
||||
properties[constants.POVERTY_BELOW_200_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_FEDERAL_POVERTY_LEVEL_200] ?
|
||||
properties[constants.IS_FEDERAL_POVERTY_LEVEL_200] : null,
|
||||
};
|
||||
// const higherEd:indicatorInfo = {
|
||||
// label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.HIGH_ED),
|
||||
// description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.HIGH_ED),
|
||||
// value: properties[constants.HIGHER_ED_PERCENTILE] ?
|
||||
// properties[constants.HIGHER_ED_PERCENTILE] : null,
|
||||
// isDisadvagtaged: properties[constants.IS_HIGHER_ED_PERCENTILE] ?
|
||||
// properties[constants.IS_HIGHER_ED_PERCENTILE] : null,
|
||||
// };
|
||||
const higherEd:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.HIGH_ED),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.HIGH_ED),
|
||||
value: properties.hasOwnProperty(constants.HIGHER_ED_PERCENTILE) ?
|
||||
properties[constants.HIGHER_ED_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_HIGHER_ED_PERCENTILE] ?
|
||||
properties[constants.IS_HIGHER_ED_PERCENTILE] : null,
|
||||
isPercent: true,
|
||||
};
|
||||
|
||||
const energyBurden:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.ENERGY_BURDEN),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.ENERGY_BURDEN),
|
||||
value: properties[constants.ENERGY_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.ENERGY_PERCENTILE) ?
|
||||
properties[constants.ENERGY_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_GTE_90_ENERGY_BURDEN_AND_IS_LOW_INCOME] ?
|
||||
properties[constants.IS_GTE_90_ENERGY_BURDEN_AND_IS_LOW_INCOME] : null,
|
||||
|
|
@ -197,7 +214,7 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const pm25:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.PM_2_5),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.PM_2_5),
|
||||
value: properties[constants.PM25_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.PM25_PERCENTILE) ?
|
||||
properties[constants.PM25_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_GTE_90_PM25_AND_IS_LOW_INCOME] ?
|
||||
properties[constants.IS_GTE_90_PM25_AND_IS_LOW_INCOME] : null,
|
||||
|
|
@ -206,7 +223,7 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const dieselPartMatter:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.DIESEL_PARTICULATE_MATTER),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.DIESEL_PARTICULATE_MATTER),
|
||||
value: properties[constants.DIESEL_MATTER_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.DIESEL_MATTER_PERCENTILE) ?
|
||||
properties[constants.DIESEL_MATTER_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_GTE_90_DIESEL_PM_AND_IS_LOW_INCOME] ?
|
||||
properties[constants.IS_GTE_90_DIESEL_PM_AND_IS_LOW_INCOME] : null,
|
||||
|
|
@ -214,7 +231,7 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const trafficVolume:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.TRAFFIC_VOLUME),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.TRAFFIC_VOLUME),
|
||||
value: properties[constants.TRAFFIC_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.TRAFFIC_PERCENTILE) ?
|
||||
properties[constants.TRAFFIC_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_GTE_90_TRAFFIC_PROX_AND_IS_LOW_INCOME] ?
|
||||
properties[constants.IS_GTE_90_TRAFFIC_PROX_AND_IS_LOW_INCOME] : null,
|
||||
|
|
@ -223,7 +240,7 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const houseBurden:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.HOUSE_BURDEN),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.HOUSE_BURDEN),
|
||||
value: properties[constants.HOUSING_BURDEN_PROPERTY_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.HOUSING_BURDEN_PROPERTY_PERCENTILE) ?
|
||||
properties[constants.HOUSING_BURDEN_PROPERTY_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_GTE_90_HOUSE_BURDEN_AND_IS_LOW_INCOME] ?
|
||||
properties[constants.IS_GTE_90_HOUSE_BURDEN_AND_IS_LOW_INCOME] : null,
|
||||
|
|
@ -231,7 +248,7 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const leadPaint:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LEAD_PAINT),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LEAD_PAINT),
|
||||
value: properties[constants.LEAD_PAINT_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.LEAD_PAINT_PERCENTILE) ?
|
||||
properties[constants.LEAD_PAINT_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_GTE_90_LEAD_PAINT_AND_MEDIAN_HOME_VAL_AND_IS_LOW_INCOME] ?
|
||||
properties[constants.IS_GTE_90_LEAD_PAINT_AND_MEDIAN_HOME_VAL_AND_IS_LOW_INCOME] : null,
|
||||
|
|
@ -247,7 +264,7 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const proxHaz:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.PROX_HAZ),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.PROX_HAZ),
|
||||
value: properties[constants.PROXIMITY_TSDF_SITES_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.PROXIMITY_TSDF_SITES_PERCENTILE) ?
|
||||
properties[constants.PROXIMITY_TSDF_SITES_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_GTE_90_HAZARD_WASTE_AND_IS_LOW_INCOME] ?
|
||||
properties[constants.IS_GTE_90_HAZARD_WASTE_AND_IS_LOW_INCOME] : null,
|
||||
|
|
@ -255,7 +272,7 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const proxNPL:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.PROX_NPL),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.PROX_NPL),
|
||||
value: properties[constants.PROXIMITY_NPL_SITES_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.PROXIMITY_NPL_SITES_PERCENTILE) ?
|
||||
properties[constants.PROXIMITY_NPL_SITES_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_GTE_90_SUPERFUND_AND_IS_LOW_INCOME] ?
|
||||
properties[constants.IS_GTE_90_SUPERFUND_AND_IS_LOW_INCOME] : null,
|
||||
|
|
@ -263,7 +280,7 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const proxRMP:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.PROX_RMP),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.PROX_RMP),
|
||||
value: properties[constants.PROXIMITY_RMP_SITES_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.PROXIMITY_RMP_SITES_PERCENTILE) ?
|
||||
properties[constants.PROXIMITY_RMP_SITES_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_GTE_90_RMP_AND_IS_LOW_INCOME] ?
|
||||
properties[constants.IS_GTE_90_RMP_AND_IS_LOW_INCOME] : null,
|
||||
|
|
@ -272,7 +289,7 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const wasteWater:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.WASTE_WATER),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.WASTE_WATER),
|
||||
value: properties[constants.WASTEWATER_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.WASTEWATER_PERCENTILE) ?
|
||||
properties[constants.WASTEWATER_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_GTE_90_WASTEWATER_AND_IS_LOW_INCOME] ?
|
||||
properties[constants.IS_GTE_90_WASTEWATER_AND_IS_LOW_INCOME] : null,
|
||||
|
|
@ -281,7 +298,7 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const asthma:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.ASTHMA),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.ASTHMA),
|
||||
value: properties[constants.ASTHMA_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.ASTHMA_PERCENTILE) ?
|
||||
properties[constants.ASTHMA_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_GTE_90_ASTHMA_AND_IS_LOW_INCOME] ?
|
||||
properties[constants.IS_GTE_90_ASTHMA_AND_IS_LOW_INCOME] : null,
|
||||
|
|
@ -289,7 +306,7 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const diabetes:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.DIABETES),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.DIABETES),
|
||||
value: properties[constants.DIABETES_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.DIABETES_PERCENTILE) ?
|
||||
properties[constants.DIABETES_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_GTE_90_DIABETES_AND_IS_LOW_INCOME] ?
|
||||
properties[constants.IS_GTE_90_DIABETES_AND_IS_LOW_INCOME] : null,
|
||||
|
|
@ -297,7 +314,7 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const heartDisease:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.HEART_DISEASE),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.HEART_DISEASE),
|
||||
value: properties[constants.HEART_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.HEART_PERCENTILE) ?
|
||||
properties[constants.HEART_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_GTE_90_HEART_DISEASE_AND_IS_LOW_INCOME] ?
|
||||
properties[constants.IS_GTE_90_HEART_DISEASE_AND_IS_LOW_INCOME] : null,
|
||||
|
|
@ -305,7 +322,7 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const lifeExpect:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LIFE_EXPECT),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LOW_LIFE_EXPECT),
|
||||
value: properties[constants.LIFE_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.LIFE_PERCENTILE) ?
|
||||
properties[constants.LIFE_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_GTE_90_LOW_LIFE_EXP_AND_IS_LOW_INCOME] ?
|
||||
properties[constants.IS_GTE_90_LOW_LIFE_EXP_AND_IS_LOW_INCOME] : null,
|
||||
|
|
@ -314,7 +331,7 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
const lingIso:indicatorInfo = {
|
||||
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LING_ISO),
|
||||
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LING_ISO),
|
||||
value: properties[constants.LINGUISTIC_ISOLATION_PROPERTY_PERCENTILE] ?
|
||||
value: properties.hasOwnProperty(constants.LINGUISTIC_ISOLATION_PROPERTY_PERCENTILE) ?
|
||||
properties[constants.LINGUISTIC_ISOLATION_PROPERTY_PERCENTILE] : null,
|
||||
isDisadvagtaged: properties[constants.IS_GTE_90_LINGUISITIC_ISO_AND_IS_LOW_INCOME] ?
|
||||
properties[constants.IS_GTE_90_LINGUISITIC_ISO_AND_IS_LOW_INCOME] : null,
|
||||
|
|
@ -350,56 +367,56 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
{
|
||||
id: 'climate-change',
|
||||
titleText: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_CATEGORY.CLIMATE),
|
||||
indicators: [expAgLoss, expBldLoss, expPopLoss, lowInc],
|
||||
indicators: [expAgLoss, expBldLoss, expPopLoss, lowInc, higherEd],
|
||||
isDisadvagtaged: properties[constants.IS_CLIMATE_FACTOR_DISADVANTAGED_M] ?
|
||||
properties[constants.IS_CLIMATE_FACTOR_DISADVANTAGED_M] : null,
|
||||
},
|
||||
{
|
||||
id: 'clean-energy',
|
||||
titleText: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_CATEGORY.CLEAN_ENERGY),
|
||||
indicators: [energyBurden, pm25, lowInc],
|
||||
indicators: [energyBurden, pm25, lowInc, higherEd],
|
||||
isDisadvagtaged: properties[constants.IS_ENERGY_FACTOR_DISADVANTAGED_M] ?
|
||||
properties[constants.IS_ENERGY_FACTOR_DISADVANTAGED_M] : null,
|
||||
},
|
||||
{
|
||||
id: 'clean-transport',
|
||||
titleText: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_CATEGORY.CLEAN_TRANSPORT),
|
||||
indicators: [dieselPartMatter, trafficVolume, lowInc],
|
||||
indicators: [dieselPartMatter, trafficVolume, lowInc, higherEd],
|
||||
isDisadvagtaged: properties[constants.IS_TRANSPORT_FACTOR_DISADVANTAGED_M] ?
|
||||
properties[constants.IS_TRANSPORT_FACTOR_DISADVANTAGED_M] : null,
|
||||
},
|
||||
{
|
||||
id: 'sustain-house',
|
||||
titleText: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_CATEGORY.SUSTAIN_HOUSE),
|
||||
indicators: [houseBurden, leadPaint, lowInc],
|
||||
indicators: [houseBurden, leadPaint, lowInc, higherEd],
|
||||
isDisadvagtaged: properties[constants.IS_HOUSING_FACTOR_DISADVANTAGED_M] ?
|
||||
properties[constants.IS_HOUSING_FACTOR_DISADVANTAGED_M] : null,
|
||||
},
|
||||
{
|
||||
id: 'leg-pollute',
|
||||
titleText: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_CATEGORY.LEG_POLLUTE),
|
||||
indicators: [proxHaz, proxNPL, proxRMP, lowInc],
|
||||
indicators: [proxHaz, proxNPL, proxRMP, lowInc, higherEd],
|
||||
isDisadvagtaged: properties[constants.IS_POLLUTION_FACTOR_DISADVANTAGED_M] ?
|
||||
properties[constants.IS_POLLUTION_FACTOR_DISADVANTAGED_M] : null,
|
||||
},
|
||||
{
|
||||
id: 'clean-water',
|
||||
titleText: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_CATEGORY.CLEAN_WATER),
|
||||
indicators: [wasteWater, lowInc],
|
||||
indicators: [wasteWater, lowInc, higherEd],
|
||||
isDisadvagtaged: properties[constants.IS_WATER_FACTOR_DISADVANTAGED_M] ?
|
||||
properties[constants.IS_WATER_FACTOR_DISADVANTAGED_M] : null,
|
||||
},
|
||||
{
|
||||
id: 'health-burdens',
|
||||
titleText: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_CATEGORY.HEALTH_BURDEN),
|
||||
indicators: [asthma, diabetes, heartDisease, lifeExpect, lowInc],
|
||||
indicators: [asthma, diabetes, heartDisease, lifeExpect, lowInc, higherEd],
|
||||
isDisadvagtaged: properties[constants.IS_HEALTH_FACTOR_DISADVANTAGED_M] ?
|
||||
properties[constants.IS_HEALTH_FACTOR_DISADVANTAGED_M] : null,
|
||||
},
|
||||
{
|
||||
id: 'work-dev',
|
||||
titleText: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_CATEGORY.WORK_DEV),
|
||||
indicators: [lingIso, lowMedInc, , unemploy, poverty, highSchool],
|
||||
indicators: [lingIso, lowMedInc, , unemploy, poverty, highSchool, higherEd],
|
||||
isDisadvagtaged: properties[constants.IS_WORKFORCE_FACTOR_DISADVANTAGED_M] ?
|
||||
properties[constants.IS_WORKFORCE_FACTOR_DISADVANTAGED_M] : null,
|
||||
},
|
||||
|
|
@ -526,6 +543,8 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
|
|||
href={`
|
||||
mailto:${CONTACT_COPY.FEEDBACK_EMAIL}?subject=${feedbackEmailSubject}&body=${feedbackEmailBody}
|
||||
`}
|
||||
target={"_blank"}
|
||||
rel="noreferrer"
|
||||
>
|
||||
<Button
|
||||
type="button">
|
||||
|
|
|
|||
|
|
@ -60,6 +60,8 @@ exports[`rendering of the AreaDetail checks if indicators for ISLAND AREAS are p
|
|||
mailto:Screeningtool-Support@omb.eop.gov?subject=Census tract ID 98729374234, N/A, N/A&body=Please provide feedback about this census tract, including about the datasets, the data categories provided for this tract, the communities who live in this tract, and anything else relevant that CEQ should know about this tract.
|
||||
|
||||
"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
<button
|
||||
class="usa-button"
|
||||
|
|
@ -260,6 +262,8 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
|
|||
mailto:Screeningtool-Support@omb.eop.gov?subject=Census tract ID 98729374234, N/A, N/A&body=Please provide feedback about this census tract, including about the datasets, the data categories provided for this tract, the communities who live in this tract, and anything else relevant that CEQ should know about this tract.
|
||||
|
||||
"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
<button
|
||||
class="usa-button"
|
||||
|
|
@ -389,6 +393,26 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
|
|||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
data-cy="indicatorBox"
|
||||
>
|
||||
<div>
|
||||
<div>
|
||||
Higher ed enrollment rate
|
||||
<div>
|
||||
|
||||
Percent of population enrolled in college, university, or graduate school
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
N/A
|
||||
<span>
|
||||
%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
<h2
|
||||
class="usa-accordion__heading"
|
||||
|
|
@ -482,6 +506,26 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
|
|||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
data-cy="indicatorBox"
|
||||
>
|
||||
<div>
|
||||
<div>
|
||||
Higher ed enrollment rate
|
||||
<div>
|
||||
|
||||
Percent of population enrolled in college, university, or graduate school
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
N/A
|
||||
<span>
|
||||
%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
<h2
|
||||
class="usa-accordion__heading"
|
||||
|
|
@ -575,6 +619,26 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
|
|||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
data-cy="indicatorBox"
|
||||
>
|
||||
<div>
|
||||
<div>
|
||||
Higher ed enrollment rate
|
||||
<div>
|
||||
|
||||
Percent of population enrolled in college, university, or graduate school
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
N/A
|
||||
<span>
|
||||
%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
<h2
|
||||
class="usa-accordion__heading"
|
||||
|
|
@ -672,6 +736,26 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
|
|||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
data-cy="indicatorBox"
|
||||
>
|
||||
<div>
|
||||
<div>
|
||||
Higher ed enrollment rate
|
||||
<div>
|
||||
|
||||
Percent of population enrolled in college, university, or graduate school
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
N/A
|
||||
<span>
|
||||
%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
<h2
|
||||
class="usa-accordion__heading"
|
||||
|
|
@ -783,6 +867,26 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
|
|||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
data-cy="indicatorBox"
|
||||
>
|
||||
<div>
|
||||
<div>
|
||||
Higher ed enrollment rate
|
||||
<div>
|
||||
|
||||
Percent of population enrolled in college, university, or graduate school
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
N/A
|
||||
<span>
|
||||
%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
<h2
|
||||
class="usa-accordion__heading"
|
||||
|
|
@ -858,6 +962,26 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
|
|||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
data-cy="indicatorBox"
|
||||
>
|
||||
<div>
|
||||
<div>
|
||||
Higher ed enrollment rate
|
||||
<div>
|
||||
|
||||
Percent of population enrolled in college, university, or graduate school
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
N/A
|
||||
<span>
|
||||
%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
<h2
|
||||
class="usa-accordion__heading"
|
||||
|
|
@ -992,6 +1116,26 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
|
|||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
data-cy="indicatorBox"
|
||||
>
|
||||
<div>
|
||||
<div>
|
||||
Higher ed enrollment rate
|
||||
<div>
|
||||
|
||||
Percent of population enrolled in college, university, or graduate school
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
N/A
|
||||
<span>
|
||||
%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
<h2
|
||||
class="usa-accordion__heading"
|
||||
|
|
@ -1130,6 +1274,26 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
|
|||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
data-cy="indicatorBox"
|
||||
>
|
||||
<div>
|
||||
<div>
|
||||
Higher ed enrollment rate
|
||||
<div>
|
||||
|
||||
Percent of population enrolled in college, university, or graduate school
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
N/A
|
||||
<span>
|
||||
%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
|
@ -1196,6 +1360,8 @@ exports[`rendering of the AreaDetail checks if indicators for PUERTO RICO are pr
|
|||
mailto:Screeningtool-Support@omb.eop.gov?subject=Census tract ID 98729374234, N/A, N/A&body=Please provide feedback about this census tract, including about the datasets, the data categories provided for this tract, the communities who live in this tract, and anything else relevant that CEQ should know about this tract.
|
||||
|
||||
"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
<button
|
||||
class="usa-button"
|
||||
|
|
@ -1350,6 +1516,26 @@ exports[`rendering of the AreaDetail checks if indicators for PUERTO RICO are pr
|
|||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
data-cy="indicatorBox"
|
||||
>
|
||||
<div>
|
||||
<div>
|
||||
Higher ed enrollment rate
|
||||
<div>
|
||||
|
||||
Percent of population enrolled in college, university, or graduate school
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
N/A
|
||||
<span>
|
||||
%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
|
|
|||
|
|
@ -11,9 +11,10 @@
|
|||
.disadvantagedDotBig {
|
||||
@include u-circle(4);
|
||||
margin: 2.3rem 1.5rem 2rem 0;
|
||||
opacity: .6;
|
||||
// opacity: .6;
|
||||
border: 3px solid #1A4480;
|
||||
|
||||
//Maintain aspect ratio as screen width decreases
|
||||
flex: 1 0 2rem;
|
||||
@include u-bg('blue-warm-70v');
|
||||
flex: 1 0 2rem;
|
||||
background-color: #CAD5DC;
|
||||
}
|
||||
|
|
@ -30,7 +30,7 @@ exports[`rendering of the HowYouCanHelp checks if various text fields are visibl
|
|||
.
|
||||
</li>
|
||||
<li>
|
||||
CEQ will publish a request for information on federalregister.gov.
|
||||
CEQ will publish a Request for Information on federalregister.gov.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ interface IIndicator {
|
|||
}
|
||||
|
||||
export const readablePercentile = (percentile: number | null) => {
|
||||
return percentile ? Math.round(percentile * 100) : 'N/A';
|
||||
return percentile !== null ? Math.round(percentile * 100) : 'N/A';
|
||||
};
|
||||
|
||||
// Todo: Add internationalization to superscript ticket #582
|
||||
|
|
|
|||
|
|
@ -9,14 +9,19 @@ const MapLegend = () => {
|
|||
const intl = useIntl();
|
||||
return (
|
||||
<div className={styles.legendContainer}>
|
||||
<DisadvantageDot isBig={true} />
|
||||
<div className={styles.legendTextBox}>
|
||||
<div className={'j40-h4'}>
|
||||
{intl.formatMessage(EXPLORE_COPY.LEGEND.PRIORITY_LABEL)}
|
||||
<div>
|
||||
Color key
|
||||
</div>
|
||||
<div className={styles.legendRow}>
|
||||
<DisadvantageDot isBig={true} />
|
||||
<div className={styles.legendTextBox}>
|
||||
<div className={'j40-h4'}>
|
||||
{intl.formatMessage(EXPLORE_COPY.LEGEND.PRIORITY_LABEL)}
|
||||
</div>
|
||||
<p className={'secondary'}>
|
||||
{intl.formatMessage(EXPLORE_COPY.LEGEND.PRIORITY_DESCRIPT)}
|
||||
</p>
|
||||
</div>
|
||||
<p className={'secondary'}>
|
||||
{intl.formatMessage(EXPLORE_COPY.LEGEND.PRIORITY_DESCRIPT)}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -2,16 +2,19 @@
|
|||
|
||||
.legendContainer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: 1px solid #DFE1E2;
|
||||
padding: 1rem 1.5rem 1rem 1.5rem;
|
||||
margin: 1rem 0 1rem 2.5rem;
|
||||
padding: 0 1.5rem 1rem 1.5rem;
|
||||
|
||||
.legendRow{
|
||||
display: flex;
|
||||
|
||||
.legendTextBox {
|
||||
// Set maximum width for text area so that blue dot
|
||||
// doesn't lose aspect ratio
|
||||
flex-basis: 88%;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
margin: 1rem 0 0;
|
||||
.legendTextBox {
|
||||
// Set maximum width for text area so that blue dot
|
||||
// doesn't lose aspect ratio
|
||||
flex-basis: 88%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@ declare namespace HowYouCanHelpModuleScssNamespace {
|
|||
export interface IHowYouCanHelpModuleScss {
|
||||
legendContainer: string;
|
||||
legendTextBox: string;
|
||||
legendRow: string;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -3,22 +3,27 @@
|
|||
exports[`rendering of the MapLegend checks if snapshots have changed 1`] = `
|
||||
<DocumentFragment>
|
||||
<div>
|
||||
<div />
|
||||
<div>
|
||||
<div
|
||||
class="j40-h4"
|
||||
>
|
||||
Disadvantaged community
|
||||
</div>
|
||||
<p
|
||||
class="secondary"
|
||||
>
|
||||
|
||||
Color key
|
||||
</div>
|
||||
<div>
|
||||
<div />
|
||||
<div>
|
||||
<div
|
||||
class="j40-h4"
|
||||
>
|
||||
Disadvantaged community
|
||||
</div>
|
||||
<p
|
||||
class="secondary"
|
||||
>
|
||||
|
||||
Communities identified as disadvantaged by the tool are those that are marginalized, underserved,
|
||||
and overburdened by pollution. These communities are at or above the combined thresholds in one or
|
||||
more of eight categories of criteria.
|
||||
|
||||
</p>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</DocumentFragment>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue