publicdata/j40-cejst-2
1
0
Fork 0
mirror of https://github.com/DOI-DO/j40-cejst-2.git synced 2025-08-16 12:21:39 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adding AND in Spanish (#1628)

Browse source 
* Spanish work

* contact fix

* dataset translations

* Adding AND in Spanish
This commit is contained in:
Jorge Escobar 2022-05-10 13:37:34 -04:00 • committed by GitHub
commit a0065ff4a7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 93 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,8 +1,8 @@
/* eslint-disable quotes */ /* eslint-disable quotes */
// External Libs: // External Libs:
import React from 'react'; import React from 'react';
import {useIntl} from 'gatsby-plugin-intl'; import { useIntl } from 'gatsby-plugin-intl';
import {Accordion, Button} from '@trussworks/react-uswds'; import { Accordion, Button } from '@trussworks/react-uswds';
// Components: // Components:
import Category from '../Category'; import Category from '../Category';
@ -41,7 +41,7 @@ export interface indicatorInfo {
threshold?: number, threshold?: number,
} }
const AreaDetail = ({properties, hash}:IAreaDetailProps) => { const AreaDetail = ({ properties, hash }: IAreaDetailProps) => {
const intl = useIntl(); const intl = useIntl();
// console.log the properties of the census that is selected: // console.log the properties of the census that is selected:
@ -68,49 +68,49 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
* depending on which territory was selected * depending on which territory was selected
*/ */
const getWorkForceIndicatorValue = (indicatorName:string) => { const getWorkForceIndicatorValue = (indicatorName: string) => {
if (sidePanelState === constants.SIDE_PANEL_STATE_VALUES.ISLAND_AREAS) { if (sidePanelState === constants.SIDE_PANEL_STATE_VALUES.ISLAND_AREAS) {
if (indicatorName === 'lowMedInc') { if (indicatorName === 'lowMedInc') {
return properties.hasOwnProperty(constants return properties.hasOwnProperty(constants
.ISLAND_AREAS_LOW_MEDIAN_INCOME_LOW_HS_EDU_PERCENTILE_FIELD) ? .ISLAND_AREAS_LOW_MEDIAN_INCOME_LOW_HS_EDU_PERCENTILE_FIELD) ?
properties[constants.ISLAND_AREAS_LOW_MEDIAN_INCOME_LOW_HS_EDU_PERCENTILE_FIELD] : null; properties[constants.ISLAND_AREAS_LOW_MEDIAN_INCOME_LOW_HS_EDU_PERCENTILE_FIELD] : null;
} }
if (indicatorName === 'unemploy') { if (indicatorName === 'unemploy') {
return properties.hasOwnProperty(constants return properties.hasOwnProperty(constants
.ISLAND_AREAS_UNEMPLOYMENT_LOW_HS_EDU_PERCENTILE_FIELD) ? .ISLAND_AREAS_UNEMPLOYMENT_LOW_HS_EDU_PERCENTILE_FIELD) ?
properties[constants.ISLAND_AREAS_UNEMPLOYMENT_LOW_HS_EDU_PERCENTILE_FIELD] : null; properties[constants.ISLAND_AREAS_UNEMPLOYMENT_LOW_HS_EDU_PERCENTILE_FIELD] : null;
} }
if (indicatorName === 'poverty') { if (indicatorName === 'poverty') {
return properties.hasOwnProperty(constants return properties.hasOwnProperty(constants
.ISLAND_AREAS_POVERTY_LOW_HS_EDU_PERCENTILE_FIELD) ? .ISLAND_AREAS_POVERTY_LOW_HS_EDU_PERCENTILE_FIELD) ?
properties[constants.ISLAND_AREAS_POVERTY_LOW_HS_EDU_PERCENTILE_FIELD] : null; properties[constants.ISLAND_AREAS_POVERTY_LOW_HS_EDU_PERCENTILE_FIELD] : null;
} }
if (indicatorName === 'highSchool') { if (indicatorName === 'highSchool') {
return properties.hasOwnProperty(constants return properties.hasOwnProperty(constants
.ISLAND_AREAS_HS_EDU_PERCENTAGE_FIELD) ? .ISLAND_AREAS_HS_EDU_PERCENTAGE_FIELD) ?
properties[constants.ISLAND_AREAS_HS_EDU_PERCENTAGE_FIELD] : null; properties[constants.ISLAND_AREAS_HS_EDU_PERCENTAGE_FIELD] : null;
} }
} }
if (indicatorName === 'lowMedInc') { if (indicatorName === 'lowMedInc') {
return properties.hasOwnProperty(constants return properties.hasOwnProperty(constants
.LOW_MEDIAN_INCOME_PERCENTILE) ? .LOW_MEDIAN_INCOME_PERCENTILE) ?
properties[constants.LOW_MEDIAN_INCOME_PERCENTILE] : null; properties[constants.LOW_MEDIAN_INCOME_PERCENTILE] : null;
} }
if (indicatorName === 'unemploy') { if (indicatorName === 'unemploy') {
return properties.hasOwnProperty(constants return properties.hasOwnProperty(constants
.UNEMPLOYMENT_PROPERTY_PERCENTILE) ? .UNEMPLOYMENT_PROPERTY_PERCENTILE) ?
properties[constants.UNEMPLOYMENT_PROPERTY_PERCENTILE] : null; properties[constants.UNEMPLOYMENT_PROPERTY_PERCENTILE] : null;
} }
if (indicatorName === 'poverty') { if (indicatorName === 'poverty') {
return properties.hasOwnProperty(constants return properties.hasOwnProperty(constants
.POVERTY_BELOW_100_PERCENTILE) ? .POVERTY_BELOW_100_PERCENTILE) ?
properties[constants.POVERTY_BELOW_100_PERCENTILE] : null; properties[constants.POVERTY_BELOW_100_PERCENTILE] : null;
} }
if (indicatorName === 'highSchool') { if (indicatorName === 'highSchool') {
return properties.hasOwnProperty(constants return properties.hasOwnProperty(constants
.HIGH_SCHOOL_PROPERTY_PERCENTILE) ? .HIGH_SCHOOL_PROPERTY_PERCENTILE) ?
properties[constants.HIGH_SCHOOL_PROPERTY_PERCENTILE] : null; properties[constants.HIGH_SCHOOL_PROPERTY_PERCENTILE] : null;
} }
}; };
@ -120,55 +120,55 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
* the boolean of workforce development indicators depending on which territory was selected * the boolean of workforce development indicators depending on which territory was selected
*/ */
const getWorkForceIndicatorIsDisadv = (indicatorName:string) => { const getWorkForceIndicatorIsDisadv = (indicatorName: string) => {
if (sidePanelState === constants.SIDE_PANEL_STATE_VALUES.ISLAND_AREAS) { if (sidePanelState === constants.SIDE_PANEL_STATE_VALUES.ISLAND_AREAS) {
if (indicatorName === 'lowMedInc') { if (indicatorName === 'lowMedInc') {
return properties.hasOwnProperty(constants return properties.hasOwnProperty(constants
.IS_EXCEEDS_THRESH_FOR_ISLAND_AREA_LOW_MEDIAN_INCOME) ? .IS_EXCEEDS_THRESH_FOR_ISLAND_AREA_LOW_MEDIAN_INCOME) ?
properties[constants.IS_EXCEEDS_THRESH_FOR_ISLAND_AREA_LOW_MEDIAN_INCOME] : null; properties[constants.IS_EXCEEDS_THRESH_FOR_ISLAND_AREA_LOW_MEDIAN_INCOME] : null;
} }
if (indicatorName === 'unemploy') { if (indicatorName === 'unemploy') {
return properties.hasOwnProperty(constants return properties.hasOwnProperty(constants
.IS_EXCEEDS_THRESH_FOR_ISLAND_AREA_UNEMPLOYMENT) ? .IS_EXCEEDS_THRESH_FOR_ISLAND_AREA_UNEMPLOYMENT) ?
properties[constants.IS_EXCEEDS_THRESH_FOR_ISLAND_AREA_UNEMPLOYMENT] : null; properties[constants.IS_EXCEEDS_THRESH_FOR_ISLAND_AREA_UNEMPLOYMENT] : null;
} }
if (indicatorName === 'poverty') { if (indicatorName === 'poverty') {
return properties.hasOwnProperty(constants return properties.hasOwnProperty(constants
.IS_EXCEEDS_THRESH_FOR_ISLAND_AREA_BELOW_100_POVERTY) ? .IS_EXCEEDS_THRESH_FOR_ISLAND_AREA_BELOW_100_POVERTY) ?
properties[constants.IS_EXCEEDS_THRESH_FOR_ISLAND_AREA_BELOW_100_POVERTY] : null; properties[constants.IS_EXCEEDS_THRESH_FOR_ISLAND_AREA_BELOW_100_POVERTY] : null;
} }
if (indicatorName === 'highSchool') { if (indicatorName === 'highSchool') {
return properties.hasOwnProperty(constants return properties.hasOwnProperty(constants
.ISLAND_AREA_LOW_HS_EDU) ? .ISLAND_AREA_LOW_HS_EDU) ?
properties[constants.ISLAND_AREA_LOW_HS_EDU] : null; properties[constants.ISLAND_AREA_LOW_HS_EDU] : null;
} }
} }
if (indicatorName === 'lowMedInc') { if (indicatorName === 'lowMedInc') {
return properties.hasOwnProperty(constants return properties.hasOwnProperty(constants
.IS_EXCEEDS_THRESH_FOR_LOW_MEDIAN_INCOME) ? .IS_EXCEEDS_THRESH_FOR_LOW_MEDIAN_INCOME) ?
properties[constants.IS_EXCEEDS_THRESH_FOR_LOW_MEDIAN_INCOME] : null; properties[constants.IS_EXCEEDS_THRESH_FOR_LOW_MEDIAN_INCOME] : null;
} }
if (indicatorName === 'unemploy') { if (indicatorName === 'unemploy') {
return properties.hasOwnProperty(constants return properties.hasOwnProperty(constants
.IS_EXCEEDS_THRESH_FOR_UNEMPLOYMENT) ? .IS_EXCEEDS_THRESH_FOR_UNEMPLOYMENT) ?
properties[constants.IS_EXCEEDS_THRESH_FOR_UNEMPLOYMENT] : null; properties[constants.IS_EXCEEDS_THRESH_FOR_UNEMPLOYMENT] : null;
} }
if (indicatorName === 'poverty') { if (indicatorName === 'poverty') {
return properties.hasOwnProperty(constants return properties.hasOwnProperty(constants
.IS_EXCEEDS_THRESH_FOR_BELOW_100_POVERTY) ? .IS_EXCEEDS_THRESH_FOR_BELOW_100_POVERTY) ?
properties[constants.IS_EXCEEDS_THRESH_FOR_BELOW_100_POVERTY] : null; properties[constants.IS_EXCEEDS_THRESH_FOR_BELOW_100_POVERTY] : null;
} }
if (indicatorName === 'highSchool') { if (indicatorName === 'highSchool') {
return properties.hasOwnProperty(constants return properties.hasOwnProperty(constants
.IS_LOW_HS_EDUCATION_LOW_HIGHER_ED_PRIORITIZED) && .IS_LOW_HS_EDUCATION_LOW_HIGHER_ED_PRIORITIZED) &&
properties[constants.IS_LOW_HS_EDUCATION_LOW_HIGHER_ED_PRIORITIZED] == 1 ? properties[constants.IS_LOW_HS_EDUCATION_LOW_HIGHER_ED_PRIORITIZED] == 1 ?
true : false; true : false;
} }
}; };
// Define each indicator in the side panel with constants from copy file (for intl) // Define each indicator in the side panel with constants from copy file (for intl)
// Indicators are grouped by category // Indicators are grouped by category
const expAgLoss:indicatorInfo = { const expAgLoss: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.EXP_AG_LOSS), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.EXP_AG_LOSS),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.EXP_AG_LOSS), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.EXP_AG_LOSS),
value: properties.hasOwnProperty(constants.EXP_AGRICULTURE_LOSS_PERCENTILE) ? value: properties.hasOwnProperty(constants.EXP_AGRICULTURE_LOSS_PERCENTILE) ?
@ -176,7 +176,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_EXP_AGR_LOSS] ? isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_EXP_AGR_LOSS] ?
properties[constants.IS_EXCEEDS_THRESH_FOR_EXP_AGR_LOSS] : null, properties[constants.IS_EXCEEDS_THRESH_FOR_EXP_AGR_LOSS] : null,
}; };
const expBldLoss:indicatorInfo = { const expBldLoss: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.EXP_BLD_LOSS), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.EXP_BLD_LOSS),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.EXP_BLD_LOSS), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.EXP_BLD_LOSS),
value: properties.hasOwnProperty(constants.EXP_BUILDING_LOSS_PERCENTILE) ? value: properties.hasOwnProperty(constants.EXP_BUILDING_LOSS_PERCENTILE) ?
@ -184,7 +184,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_EXP_BLD_LOSS] ? isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_EXP_BLD_LOSS] ?
properties[constants.IS_EXCEEDS_THRESH_FOR_EXP_BLD_LOSS] : null, properties[constants.IS_EXCEEDS_THRESH_FOR_EXP_BLD_LOSS] : null,
}; };
const expPopLoss:indicatorInfo = { const expPopLoss: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.EXP_POP_LOSS), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.EXP_POP_LOSS),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.EXP_POP_LOSS), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.EXP_POP_LOSS),
value: properties.hasOwnProperty(constants.EXP_POPULATION_LOSS_PERCENTILE) ? value: properties.hasOwnProperty(constants.EXP_POPULATION_LOSS_PERCENTILE) ?
@ -192,7 +192,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_EXP_POP_LOSS] ? isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_EXP_POP_LOSS] ?
properties[constants.IS_EXCEEDS_THRESH_FOR_EXP_POP_LOSS] : null, properties[constants.IS_EXCEEDS_THRESH_FOR_EXP_POP_LOSS] : null,
}; };
const lowInc:indicatorInfo = { const lowInc: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LOW_INCOME), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LOW_INCOME),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LOW_INCOME), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LOW_INCOME),
value: properties.hasOwnProperty(constants.POVERTY_BELOW_200_PERCENTILE) ? value: properties.hasOwnProperty(constants.POVERTY_BELOW_200_PERCENTILE) ?
@ -201,7 +201,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
properties[constants.IS_FEDERAL_POVERTY_LEVEL_200] : null, properties[constants.IS_FEDERAL_POVERTY_LEVEL_200] : null,
threshold: 65, threshold: 65,
}; };
const higherEd:indicatorInfo = { const higherEd: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.HIGH_ED), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.HIGH_ED),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.HIGH_ED), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.HIGH_ED),
value: properties.hasOwnProperty(constants.NON_HIGHER_ED_PERCENTILE) ? value: properties.hasOwnProperty(constants.NON_HIGHER_ED_PERCENTILE) ?
@ -212,7 +212,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
threshold: 80, threshold: 80,
}; };
const energyBurden:indicatorInfo = { const energyBurden: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.ENERGY_BURDEN), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.ENERGY_BURDEN),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.ENERGY_BURDEN), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.ENERGY_BURDEN),
value: properties.hasOwnProperty(constants.ENERGY_PERCENTILE) ? value: properties.hasOwnProperty(constants.ENERGY_PERCENTILE) ?
@ -220,7 +220,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_ENERGY_BURDEN] ? isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_ENERGY_BURDEN] ?
properties[constants.IS_EXCEEDS_THRESH_FOR_ENERGY_BURDEN] : null, properties[constants.IS_EXCEEDS_THRESH_FOR_ENERGY_BURDEN] : null,
}; };
const pm25:indicatorInfo = { const pm25: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.PM_2_5), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.PM_2_5),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.PM_2_5), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.PM_2_5),
value: properties.hasOwnProperty(constants.PM25_PERCENTILE) ? value: properties.hasOwnProperty(constants.PM25_PERCENTILE) ?
@ -229,7 +229,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
properties[constants.IS_EXCEEDS_THRESH_FOR_PM25] : null, properties[constants.IS_EXCEEDS_THRESH_FOR_PM25] : null,
}; };
const dieselPartMatter:indicatorInfo = { const dieselPartMatter: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.DIESEL_PARTICULATE_MATTER), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.DIESEL_PARTICULATE_MATTER),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.DIESEL_PARTICULATE_MATTER), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.DIESEL_PARTICULATE_MATTER),
value: properties.hasOwnProperty(constants.DIESEL_MATTER_PERCENTILE) ? value: properties.hasOwnProperty(constants.DIESEL_MATTER_PERCENTILE) ?
@ -237,7 +237,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_DIESEL_PM] ? isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_DIESEL_PM] ?
properties[constants.IS_EXCEEDS_THRESH_FOR_DIESEL_PM] : null, properties[constants.IS_EXCEEDS_THRESH_FOR_DIESEL_PM] : null,
}; };
const trafficVolume:indicatorInfo = { const trafficVolume: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.TRAFFIC_VOLUME), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.TRAFFIC_VOLUME),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.TRAFFIC_VOLUME), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.TRAFFIC_VOLUME),
value: properties.hasOwnProperty(constants.TRAFFIC_PERCENTILE) ? value: properties.hasOwnProperty(constants.TRAFFIC_PERCENTILE) ?
@ -246,7 +246,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
properties[constants.IS_EXCEEDS_THRESH_FOR_TRAFFIC_PROX] : null, properties[constants.IS_EXCEEDS_THRESH_FOR_TRAFFIC_PROX] : null,
}; };
const houseBurden:indicatorInfo = { const houseBurden: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.HOUSE_BURDEN), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.HOUSE_BURDEN),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.HOUSE_BURDEN), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.HOUSE_BURDEN),
value: properties.hasOwnProperty(constants.HOUSING_BURDEN_PROPERTY_PERCENTILE) ? value: properties.hasOwnProperty(constants.HOUSING_BURDEN_PROPERTY_PERCENTILE) ?
@ -254,7 +254,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_HOUSE_BURDEN] ? isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_HOUSE_BURDEN] ?
properties[constants.IS_EXCEEDS_THRESH_FOR_HOUSE_BURDEN] : null, properties[constants.IS_EXCEEDS_THRESH_FOR_HOUSE_BURDEN] : null,
}; };
const leadPaint:indicatorInfo = { const leadPaint: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LEAD_PAINT), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LEAD_PAINT),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LEAD_PAINT), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LEAD_PAINT),
value: properties.hasOwnProperty(constants.LEAD_PAINT_PERCENTILE) ? value: properties.hasOwnProperty(constants.LEAD_PAINT_PERCENTILE) ?
@ -270,7 +270,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
// isDisadvagtaged: false, // TODO // isDisadvagtaged: false, // TODO
// }; // };
const proxHaz:indicatorInfo = { const proxHaz: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.PROX_HAZ), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.PROX_HAZ),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.PROX_HAZ), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.PROX_HAZ),
value: properties.hasOwnProperty(constants.PROXIMITY_TSDF_SITES_PERCENTILE) ? value: properties.hasOwnProperty(constants.PROXIMITY_TSDF_SITES_PERCENTILE) ?
@ -278,7 +278,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_HAZARD_WASTE] ? isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_HAZARD_WASTE] ?
properties[constants.IS_EXCEEDS_THRESH_FOR_HAZARD_WASTE] : null, properties[constants.IS_EXCEEDS_THRESH_FOR_HAZARD_WASTE] : null,
}; };
const proxNPL:indicatorInfo = { const proxNPL: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.PROX_NPL), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.PROX_NPL),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.PROX_NPL), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.PROX_NPL),
value: properties.hasOwnProperty(constants.PROXIMITY_NPL_SITES_PERCENTILE) ? value: properties.hasOwnProperty(constants.PROXIMITY_NPL_SITES_PERCENTILE) ?
@ -286,7 +286,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_SUPERFUND] ? isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_SUPERFUND] ?
properties[constants.IS_EXCEEDS_THRESH_FOR_SUPERFUND] : null, properties[constants.IS_EXCEEDS_THRESH_FOR_SUPERFUND] : null,
}; };
const proxRMP:indicatorInfo = { const proxRMP: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.PROX_RMP), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.PROX_RMP),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.PROX_RMP), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.PROX_RMP),
value: properties.hasOwnProperty(constants.PROXIMITY_RMP_SITES_PERCENTILE) ? value: properties.hasOwnProperty(constants.PROXIMITY_RMP_SITES_PERCENTILE) ?
@ -295,7 +295,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
properties[constants.IS_EXCEEDS_THRESH_FOR_RMP] : null, properties[constants.IS_EXCEEDS_THRESH_FOR_RMP] : null,
}; };
const wasteWater:indicatorInfo = { const wasteWater: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.WASTE_WATER), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.WASTE_WATER),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.WASTE_WATER), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.WASTE_WATER),
value: properties.hasOwnProperty(constants.WASTEWATER_PERCENTILE) ? value: properties.hasOwnProperty(constants.WASTEWATER_PERCENTILE) ?
@ -304,7 +304,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
properties[constants.IS_EXCEEDS_THRESH_FOR_WASTEWATER] : null, properties[constants.IS_EXCEEDS_THRESH_FOR_WASTEWATER] : null,
}; };
const asthma:indicatorInfo = { const asthma: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.ASTHMA), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.ASTHMA),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.ASTHMA), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.ASTHMA),
value: properties.hasOwnProperty(constants.ASTHMA_PERCENTILE) ? value: properties.hasOwnProperty(constants.ASTHMA_PERCENTILE) ?
@ -312,7 +312,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_ASTHMA] ? isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_ASTHMA] ?
properties[constants.IS_EXCEEDS_THRESH_FOR_ASTHMA] : null, properties[constants.IS_EXCEEDS_THRESH_FOR_ASTHMA] : null,
}; };
const diabetes:indicatorInfo = { const diabetes: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.DIABETES), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.DIABETES),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.DIABETES), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.DIABETES),
value: properties.hasOwnProperty(constants.DIABETES_PERCENTILE) ? value: properties.hasOwnProperty(constants.DIABETES_PERCENTILE) ?
@ -320,7 +320,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_DIABETES] ? isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_DIABETES] ?
properties[constants.IS_EXCEEDS_THRESH_FOR_DIABETES] : null, properties[constants.IS_EXCEEDS_THRESH_FOR_DIABETES] : null,
}; };
const heartDisease:indicatorInfo = { const heartDisease: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.HEART_DISEASE), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.HEART_DISEASE),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.HEART_DISEASE), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.HEART_DISEASE),
value: properties.hasOwnProperty(constants.HEART_PERCENTILE) ? value: properties.hasOwnProperty(constants.HEART_PERCENTILE) ?
@ -328,7 +328,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_HEART_DISEASE] ? isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_HEART_DISEASE] ?
properties[constants.IS_EXCEEDS_THRESH_FOR_HEART_DISEASE] : null, properties[constants.IS_EXCEEDS_THRESH_FOR_HEART_DISEASE] : null,
}; };
const lifeExpect:indicatorInfo = { const lifeExpect: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LIFE_EXPECT), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LIFE_EXPECT),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LOW_LIFE_EXPECT), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LOW_LIFE_EXPECT),
value: properties.hasOwnProperty(constants.LIFE_PERCENTILE) ? value: properties.hasOwnProperty(constants.LIFE_PERCENTILE) ?
@ -337,33 +337,33 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
properties[constants.IS_EXCEEDS_THRESH_FOR_LOW_LIFE_EXP] : null, properties[constants.IS_EXCEEDS_THRESH_FOR_LOW_LIFE_EXP] : null,
}; };
const lingIso:indicatorInfo = { const lingIso: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LING_ISO), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LING_ISO),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LING_ISO), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LING_ISO),
value: properties.hasOwnProperty(constants.LINGUISTIC_ISOLATION_PROPERTY_PERCENTILE) ? value: properties.hasOwnProperty(constants.LINGUISTIC_ISOLATION_PROPERTY_PERCENTILE) ?
properties[constants.LINGUISTIC_ISOLATION_PROPERTY_PERCENTILE] : null, properties[constants.LINGUISTIC_ISOLATION_PROPERTY_PERCENTILE] : null,
isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_LINGUISITIC_ISO] ? isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_LINGUISITIC_ISO] ?
properties[constants.IS_EXCEEDS_THRESH_FOR_LINGUISITIC_ISO] : null, properties[constants.IS_EXCEEDS_THRESH_FOR_LINGUISITIC_ISO] : null,
}; };
const lowMedInc:indicatorInfo = { const lowMedInc: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LOW_MED_INC), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LOW_MED_INC),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LOW_MED_INCOME), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LOW_MED_INCOME),
value: getWorkForceIndicatorValue('lowMedInc'), value: getWorkForceIndicatorValue('lowMedInc'),
isDisadvagtaged: getWorkForceIndicatorIsDisadv('lowMedInc'), isDisadvagtaged: getWorkForceIndicatorIsDisadv('lowMedInc'),
}; };
const unemploy:indicatorInfo = { const unemploy: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.UNEMPLOY), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.UNEMPLOY),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.UNEMPLOY), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.UNEMPLOY),
value: getWorkForceIndicatorValue('unemploy'), value: getWorkForceIndicatorValue('unemploy'),
isDisadvagtaged: getWorkForceIndicatorIsDisadv('unemploy'), isDisadvagtaged: getWorkForceIndicatorIsDisadv('unemploy'),
}; };
const poverty:indicatorInfo = { const poverty: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.POVERTY), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.POVERTY),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.POVERTY), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.POVERTY),
value: getWorkForceIndicatorValue('poverty'), value: getWorkForceIndicatorValue('poverty'),
isDisadvagtaged: getWorkForceIndicatorIsDisadv('poverty'), isDisadvagtaged: getWorkForceIndicatorIsDisadv('poverty'),
}; };
const highSchool:indicatorInfo = { const highSchool: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.HIGH_SCL), label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.HIGH_SCL),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.HIGH_SKL), description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.HIGH_SKL),
value: getWorkForceIndicatorValue('highSchool'), value: getWorkForceIndicatorValue('highSchool'),
@ -387,9 +387,9 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_CLIMATE_FACTOR_DISADVANTAGED_M] ? isDisadvagtaged: properties[constants.IS_CLIMATE_FACTOR_DISADVANTAGED_M] ?
properties[constants.IS_CLIMATE_FACTOR_DISADVANTAGED_M] : null, properties[constants.IS_CLIMATE_FACTOR_DISADVANTAGED_M] : null,
isExceed1MoreBurden: properties[constants.IS_CLIMATE_EXCEED_ONE_OR_MORE_INDICATORS_M] ? isExceed1MoreBurden: properties[constants.IS_CLIMATE_EXCEED_ONE_OR_MORE_INDICATORS_M] ?
properties[constants.IS_CLIMATE_EXCEED_ONE_OR_MORE_INDICATORS_M] : null, properties[constants.IS_CLIMATE_EXCEED_ONE_OR_MORE_INDICATORS_M] : null,
isExceedBothSocioBurdens: properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] ? isExceedBothSocioBurdens: properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] ?
properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] : null, properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] : null,
}, },
{ {
id: 'clean-energy', id: 'clean-energy',
@ -399,9 +399,9 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_ENERGY_FACTOR_DISADVANTAGED_M] ? isDisadvagtaged: properties[constants.IS_ENERGY_FACTOR_DISADVANTAGED_M] ?
properties[constants.IS_ENERGY_FACTOR_DISADVANTAGED_M] : null, properties[constants.IS_ENERGY_FACTOR_DISADVANTAGED_M] : null,
isExceed1MoreBurden: properties[constants.IS_ENERGY_EXCEED_ONE_OR_MORE_INDICATORS_M] ? isExceed1MoreBurden: properties[constants.IS_ENERGY_EXCEED_ONE_OR_MORE_INDICATORS_M] ?
properties[constants.IS_ENERGY_EXCEED_ONE_OR_MORE_INDICATORS_M] : null, properties[constants.IS_ENERGY_EXCEED_ONE_OR_MORE_INDICATORS_M] : null,
isExceedBothSocioBurdens: properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] ? isExceedBothSocioBurdens: properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] ?
properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] : null, properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] : null,
}, },
{ {
id: 'clean-transport', id: 'clean-transport',
@ -411,9 +411,9 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_TRANSPORT_FACTOR_DISADVANTAGED_M] ? isDisadvagtaged: properties[constants.IS_TRANSPORT_FACTOR_DISADVANTAGED_M] ?
properties[constants.IS_TRANSPORT_FACTOR_DISADVANTAGED_M] : null, properties[constants.IS_TRANSPORT_FACTOR_DISADVANTAGED_M] : null,
isExceed1MoreBurden: properties[constants.IS_TRANSPORT_EXCEED_ONE_OR_MORE_INDICATORS_M] ? isExceed1MoreBurden: properties[constants.IS_TRANSPORT_EXCEED_ONE_OR_MORE_INDICATORS_M] ?
properties[constants.IS_TRANSPORT_EXCEED_ONE_OR_MORE_INDICATORS_M] : null, properties[constants.IS_TRANSPORT_EXCEED_ONE_OR_MORE_INDICATORS_M] : null,
isExceedBothSocioBurdens: properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] ? isExceedBothSocioBurdens: properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] ?
properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] : null, properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] : null,
}, },
{ {
id: 'sustain-house', id: 'sustain-house',
@ -423,9 +423,9 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_HOUSING_FACTOR_DISADVANTAGED_M] ? isDisadvagtaged: properties[constants.IS_HOUSING_FACTOR_DISADVANTAGED_M] ?
properties[constants.IS_HOUSING_FACTOR_DISADVANTAGED_M] : null, properties[constants.IS_HOUSING_FACTOR_DISADVANTAGED_M] : null,
isExceed1MoreBurden: properties[constants.IS_HOUSING_EXCEED_ONE_OR_MORE_INDICATORS_M] ? isExceed1MoreBurden: properties[constants.IS_HOUSING_EXCEED_ONE_OR_MORE_INDICATORS_M] ?
properties[constants.IS_HOUSING_EXCEED_ONE_OR_MORE_INDICATORS_M] : null, properties[constants.IS_HOUSING_EXCEED_ONE_OR_MORE_INDICATORS_M] : null,
isExceedBothSocioBurdens: properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] ? isExceedBothSocioBurdens: properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] ?
properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] : null, properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] : null,
}, },
{ {
id: 'leg-pollute', id: 'leg-pollute',
@ -435,9 +435,9 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_POLLUTION_FACTOR_DISADVANTAGED_M] ? isDisadvagtaged: properties[constants.IS_POLLUTION_FACTOR_DISADVANTAGED_M] ?
properties[constants.IS_POLLUTION_FACTOR_DISADVANTAGED_M] : null, properties[constants.IS_POLLUTION_FACTOR_DISADVANTAGED_M] : null,
isExceed1MoreBurden: properties[constants.IS_POLLUTION_EXCEED_ONE_OR_MORE_INDICATORS_M] ? isExceed1MoreBurden: properties[constants.IS_POLLUTION_EXCEED_ONE_OR_MORE_INDICATORS_M] ?
properties[constants.IS_POLLUTION_EXCEED_ONE_OR_MORE_INDICATORS_M] : null, properties[constants.IS_POLLUTION_EXCEED_ONE_OR_MORE_INDICATORS_M] : null,
isExceedBothSocioBurdens: properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] ? isExceedBothSocioBurdens: properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] ?
properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] : null, properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] : null,
}, },
{ {
id: 'clean-water', id: 'clean-water',
@ -447,9 +447,9 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_WATER_FACTOR_DISADVANTAGED_M] ? isDisadvagtaged: properties[constants.IS_WATER_FACTOR_DISADVANTAGED_M] ?
properties[constants.IS_WATER_FACTOR_DISADVANTAGED_M] : null, properties[constants.IS_WATER_FACTOR_DISADVANTAGED_M] : null,
isExceed1MoreBurden: properties[constants.IS_WATER_EXCEED_ONE_OR_MORE_INDICATORS_M] ? isExceed1MoreBurden: properties[constants.IS_WATER_EXCEED_ONE_OR_MORE_INDICATORS_M] ?
properties[constants.IS_WATER_EXCEED_ONE_OR_MORE_INDICATORS_M] : null, properties[constants.IS_WATER_EXCEED_ONE_OR_MORE_INDICATORS_M] : null,
isExceedBothSocioBurdens: properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] ? isExceedBothSocioBurdens: properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] ?
properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] : null, properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] : null,
}, },
{ {
id: 'health-burdens', id: 'health-burdens',
@ -459,9 +459,9 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_HEALTH_FACTOR_DISADVANTAGED_M] ? isDisadvagtaged: properties[constants.IS_HEALTH_FACTOR_DISADVANTAGED_M] ?
properties[constants.IS_HEALTH_FACTOR_DISADVANTAGED_M] : null, properties[constants.IS_HEALTH_FACTOR_DISADVANTAGED_M] : null,
isExceed1MoreBurden: properties[constants.IS_HEALTH_EXCEED_ONE_OR_MORE_INDICATORS_M] ? isExceed1MoreBurden: properties[constants.IS_HEALTH_EXCEED_ONE_OR_MORE_INDICATORS_M] ?
properties[constants.IS_HEALTH_EXCEED_ONE_OR_MORE_INDICATORS_M] : null, properties[constants.IS_HEALTH_EXCEED_ONE_OR_MORE_INDICATORS_M] : null,
isExceedBothSocioBurdens: properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] ? isExceedBothSocioBurdens: properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] ?
properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] : null, properties[constants.IS_EXCEED_BOTH_SOCIO_INDICATORS_M] : null,
}, },
{ {
id: 'work-dev', id: 'work-dev',
@ -471,9 +471,9 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
isDisadvagtaged: properties[constants.IS_WORKFORCE_FACTOR_DISADVANTAGED_M] ? isDisadvagtaged: properties[constants.IS_WORKFORCE_FACTOR_DISADVANTAGED_M] ?
properties[constants.IS_WORKFORCE_FACTOR_DISADVANTAGED_M] : null, properties[constants.IS_WORKFORCE_FACTOR_DISADVANTAGED_M] : null,
isExceed1MoreBurden: properties[constants.IS_WORKFORCE_EXCEED_ONE_OR_MORE_INDICATORS_M] ? isExceed1MoreBurden: properties[constants.IS_WORKFORCE_EXCEED_ONE_OR_MORE_INDICATORS_M] ?
properties[constants.IS_WORKFORCE_EXCEED_ONE_OR_MORE_INDICATORS_M] : null, properties[constants.IS_WORKFORCE_EXCEED_ONE_OR_MORE_INDICATORS_M] : null,
isExceedBothSocioBurdens: properties[constants.IS_WORKFORCE_EXCEED_BOTH_SOCIO_INDICATORS_M] ? isExceedBothSocioBurdens: properties[constants.IS_WORKFORCE_EXCEED_BOTH_SOCIO_INDICATORS_M] ?
properties[constants.IS_WORKFORCE_EXCEED_BOTH_SOCIO_INDICATORS_M] : null, properties[constants.IS_WORKFORCE_EXCEED_BOTH_SOCIO_INDICATORS_M] : null,
}, },
]; ];
@ -500,7 +500,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
// component to render the actual Indicator // component to render the actual Indicator
const categoryItems = categories.map((category) => ({ const categoryItems = categories.map((category) => ({
id: category.id, id: category.id,
title: <Category name={category.titleText} isDisadvantaged={category.isDisadvagtaged}/>, title: <Category name={category.titleText} isDisadvantaged={category.isDisadvagtaged} />,
content: ( content: (
<> <>
{/* Exceeds one or more burdens */} {/* Exceeds one or more burdens */}
@ -510,12 +510,14 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
/> />
{/* indicators */} {/* indicators */}
{category.indicators.map((indicator:any, index:number) => { {category.indicators.map((indicator: any, index: number) => {
return <Indicator key={`ind${index}`} indicator={indicator}/>; return <Indicator key={`ind${index}`} indicator={indicator} />;
})} })}
{/* AND */} {/* AND */}
<div className={styles.categorySpacer}>AND</div> <div className={styles.categorySpacer}>
{EXPLORE_COPY.SIDE_PANEL_SPACERS.AND}
</div>
{/* Exceeds both socioeconomic burdens */} {/* Exceeds both socioeconomic burdens */}
<ExceedBurden <ExceedBurden
@ -524,8 +526,8 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
/> />
{/* socio-economic indicators */} {/* socio-economic indicators */}
{category.socioEcIndicators.map((indicator:any, index:number) => { {category.socioEcIndicators.map((indicator: any, index: number) => {
return <Indicator key={`ind${index}`} indicator={indicator}/>; return <Indicator key={`ind${index}`} indicator={indicator} />;
})} })}
</> </>
@ -558,8 +560,8 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
<li> <li>
<span className={styles.censusLabel}> <span className={styles.censusLabel}>
{properties[constants.SIDE_PANEL_STATE] !== constants.SIDE_PANEL_STATE_VALUES.NATION ? {properties[constants.SIDE_PANEL_STATE] !== constants.SIDE_PANEL_STATE_VALUES.NATION ?
intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_CBG_INFO.TERRITORY) : intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_CBG_INFO.TERRITORY) :
intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_CBG_INFO.STATE) intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_CBG_INFO.STATE)
} }
</span> </span>
<span className={styles.censusText}>{` ${stateName}`}</span> <span className={styles.censusText}>{` ${stateName}`}</span>
@ -585,9 +587,9 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
{isCommunityFocus ? {isCommunityFocus ?
<> <>
<h3>{EXPLORE_COPY.COMMUNITY.OF_FOCUS}</h3> <h3>{EXPLORE_COPY.COMMUNITY.OF_FOCUS}</h3>
<DisadvantageDot isDisadvantaged={isCommunityFocus}/> <DisadvantageDot isDisadvantaged={isCommunityFocus} />
</> : </> :
<h3>{EXPLORE_COPY.COMMUNITY.NOT_OF_FOCUS}</h3> <h3>{EXPLORE_COPY.COMMUNITY.NOT_OF_FOCUS}</h3>
} }
</div> </div>
@ -630,7 +632,7 @@ const AreaDetail = ({properties, hash}:IAreaDetailProps) => {
</div> </div>
{/* All category accordions in this component */} {/* All category accordions in this component */}
<Accordion multiselectable={true} items={categoryItems}/> <Accordion multiselectable={true} items={categoryItems} />
</aside> </aside>
); );