Add flooding and wildfire indicators to side panel

client/src/components/AreaDetail/AreaDetail.tsx

@@ -216,6 +216,22 @@ const AreaDetail = ({properties, hash, isCensusLayerSelected}: IAreaDetailProps)
     isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_EXP_POP_LOSS] ?
       properties[constants.IS_EXCEEDS_THRESH_FOR_EXP_POP_LOSS] : null,
   };
+  const flooding: indicatorInfo = {
+    label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.FLOODING),
+    description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.FLOODING),
+    value: properties.hasOwnProperty(constants.FLOODING_PERCENTILE) ?
+      properties[constants.FLOODING_PERCENTILE] : null,
+    isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FLOODING] ?
+      properties[constants.IS_EXCEEDS_THRESH_FLOODING] : null,
+  };
+  const wildfire: indicatorInfo = {
+    label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.WILDFIRE),
+    description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.WILDFIRE),
+    value: properties.hasOwnProperty(constants.WASTEWATER_PERCENTILE) ?
+      properties[constants.WASTEWATER_PERCENTILE] : null,
+    isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_WILDFIRE] ?
+      properties[constants.IS_EXCEEDS_THRESH_WILDFIRE] : null,
+  };
   const lowInc: indicatorInfo = {
     label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LOW_INCOME),
     description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LOW_INCOME),
@@ -406,7 +422,7 @@ const AreaDetail = ({properties, hash, isCensusLayerSelected}: IAreaDetailProps)
     {
       id: 'climate-change',
       titleText: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_CATEGORY.CLIMATE),
-      indicators: [expAgLoss, expBldLoss, expPopLoss],
+      indicators: [expAgLoss, expBldLoss, expPopLoss, flooding, wildfire],
       socioEcIndicators: [lowInc, higherEd],
       isDisadvagtaged: properties[constants.IS_CLIMATE_FACTOR_DISADVANTAGED_M] ?
         properties[constants.IS_CLIMATE_FACTOR_DISADVANTAGED_M] : null,

client/src/components/AreaDetail/tests/__snapshots__/areaDetail.test.tsx.snap

@@ -948,6 +948,68 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
             </div>
           </div>
         </li>
+        <li
+          data-cy="indicatorBox"
+          data-testid="indicator-box"
+        >
+          <div>
+            <div>
+              Future flood risk
+              <div>
+                
+      Projected risk to properties from floods from tides, rain, riverine and storm surges in 30 years
+    
+              </div>
+            </div>
+            <div>
+              <div>
+                <div />
+                <div>
+                  <img
+                    alt="an icon to represent data is unavailable"
+                    src="test-file-stub"
+                  />
+                </div>
+              </div>
+              <div>
+                <div>
+                  data is not available
+                </div>
+              </div>
+            </div>
+          </div>
+        </li>
+        <li
+          data-cy="indicatorBox"
+          data-testid="indicator-box"
+        >
+          <div>
+            <div>
+              Future wildfire risk
+              <div>
+                
+      Projected risk to properties from wildfire from fire fuels, weather, humans, and fire movement
+    
+              </div>
+            </div>
+            <div>
+              <div>
+                <div />
+                <div>
+                  <img
+                    alt="an icon to represent data is unavailable"
+                    src="test-file-stub"
+                  />
+                </div>
+              </div>
+              <div>
+                <div>
+                  data is not available
+                </div>
+              </div>
+            </div>
+          </div>
+        </li>
         <div>
           AND
         </div>

client/src/data/constants.tsx

@@ -71,6 +71,12 @@ export const IS_EXCEEDS_THRESH_FOR_EXP_BLD_LOSS = 'EBL_ET';
 export const EXP_POPULATION_LOSS_PERCENTILE = 'EPLR_PFS';
 export const IS_EXCEEDS_THRESH_FOR_EXP_POP_LOSS = 'EPL_ET';
 
+export const FLOODING_PERCENTILE = 'FLD_PFS';
+export const IS_EXCEEDS_THRESH_FLOODING = 'FLD_ET';
+
+export const WILDFIRE_PERCENTILE = 'WF_PFS';
+export const IS_EXCEEDS_THRESH_WILDFIRE = 'WF_ET';
+
 export const IS_EXCEED_BOTH_SOCIO_INDICATORS_M = 'M_EBSI';
 
 export const POVERTY_BELOW_200_PERCENTILE = 'P200_PFS';
@@ -100,6 +106,9 @@ export const IS_TRANSPORT_EXCEED_ONE_OR_MORE_INDICATORS_M = 'M_TRN_EOMI';
 export const DIESEL_MATTER_PERCENTILE = 'DSF_PFS';
 export const IS_EXCEEDS_THRESH_FOR_DIESEL_PM = 'DS_ET';
 
+export const TRAVEL_DISADV_PERCENTILE = 'TD_PFS';
+export const IS_EXCEEDS_THRESH_TRAVEL_DISADV = 'TD_ET';
+
 export const TRAFFIC_PERCENTILE = 'TF_PFS';
 export const IS_EXCEEDS_THRESH_FOR_TRAFFIC_PROX = 'TP_ET';
 
@@ -111,6 +120,12 @@ export const IS_HOUSING_EXCEED_ONE_OR_MORE_INDICATORS_M = 'M_HSG_EOMI';
 export const HOUSING_BURDEN_PROPERTY_PERCENTILE = 'HBF_PFS';
 export const IS_EXCEEDS_THRESH_FOR_HOUSE_BURDEN = 'HB_ET';
 
+export const IMPERVIOUS_PERCENTILE = 'IS_PFS';
+export const IS_EXCEEDS_THRESH_IMPERVIOUS = 'IS_ET';
+
+export const KITCHEN_PLUMB_PERCENTILE = 'KP_PFS';
+export const IS_EXCEEDS_THRESH_KITCHEN_PLUMB = 'KP_ET';
+
 export const LEAD_PAINT_PERCENTILE = 'LPF_PFS';
 export const IS_EXCEEDS_THRESH_FOR_LEAD_PAINT_AND_MEDIAN_HOME_VAL = 'LPP_ET';
 
@@ -135,6 +150,10 @@ export const IS_EXCEEDS_THRESH_FOR_RMP = 'RMP_ET';
 export const IS_WATER_FACTOR_DISADVANTAGED_M = 'M_WTR';
 export const IS_WATER_EXCEED_ONE_OR_MORE_INDICATORS_M = 'M_WTR_EOMI';
 
+export const LEAKY_UNDER_PERCENTILE = 'UST_PFS';
+export const IS_EXCEEDS_THRESH_LEAKY_UNDER = 'UST_ET';
+export const LEAKY_UNDER_LOW_INCOME = 'USTLI';
+
 export const WASTEWATER_PERCENTILE = 'WF_PFS';
 export const IS_EXCEEDS_THRESH_FOR_WASTEWATER = 'WD_ET';
 

client/src/data/copy/explore.tsx

@@ -481,6 +481,18 @@ export const SIDE_PANEL_INDICATORS = defineMessages({
     id: 'explore.map.page.side.panel.indicator.exp.pop.loss',
     defaultMessage: 'Expected population loss rate',
     description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show population loss rate
+`,
+  },
+  FLOODING: {
+    id: 'explore.map.page.side.panel.indicator.flooding',
+    defaultMessage: 'Future flood risk',
+    description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show flood risk
+`,
+  },
+  WILDFIRE: {
+    id: 'explore.map.page.side.panel.indicator.wildfire',
+    defaultMessage: 'Future wildfire risk',
+    description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show wildfire risk
 `,
   },
   LOW_INCOME: {
@@ -662,6 +674,20 @@ export const SIDE_PANEL_INDICATOR_DESCRIPTION = 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 indicator description of Economic loss rate to the population in fatalities and 
       injuries resulting from natural hazards`,
   },
+  FLOODING: {
+    id: 'explore.map.page.side.panel.indicator.description.flooding',
+    defaultMessage: `
+      Projected risk to properties from floods from tides, rain, riverine and storm surges 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 flooding risk`,
+  },
+  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
+    `,
+    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`,
+  },
   LOW_INCOME: {
     id: 'explore.map.page.side.panel.indicator.description.low.income',
     defaultMessage: `

client/src/intl/en.json

@@ -531,6 +531,10 @@
     "defaultMessage": "Rate of fatalities and injuries resulting from natural hazards each year",
     "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 Economic loss rate to the population in fatalities and \n      injuries resulting from natural hazards"
   },
+  "explore.map.page.side.panel.indicator.description.flooding": {
+    "defaultMessage": "Projected risk to properties from floods from tides, rain, riverine and storm surges 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 flooding risk"
+  },
   "explore.map.page.side.panel.indicator.description.heartDisease": {
     "defaultMessage": "People ages 18 years and older who have been told they have heart disease",
     "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 Weighted percent of people ages 18 years and older who have \n    been told they have heart disease"
@@ -603,6 +607,10 @@
     "defaultMessage": "Toxic concentrations at stream segments within 500 meters",
     "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 Toxic concentrations at stream segments 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",
+    "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": {
     "defaultMessage": "Diabetes",
     "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Diabetes"
@@ -627,6 +635,10 @@
     "defaultMessage": "Expected population loss rate",
     "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show population loss rate\n"
   },
+  "explore.map.page.side.panel.indicator.flooding": {
+    "defaultMessage": "Future flood risk",
+    "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show flood risk\n"
+  },
   "explore.map.page.side.panel.indicator.heartDisease": {
     "defaultMessage": "Heart disease",
     "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Heart disease"
@@ -767,6 +779,10 @@
     "defaultMessage": "Wastewater discharge",
     "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Wastewater discharge"
   },
+  "explore.map.page.side.panel.indicator.wildfire": {
+    "defaultMessage": "Future wildfire risk",
+    "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show wildfire risk\n"
+  },
   "explore.map.page.side.panel.info.alt.text.icon1": {
     "defaultMessage": "An icon that has depicts pieces of a block selected mimicking the census block 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 Things to know, this is the first icon in this side panel"