refactor(frontend): raster config cleanup

- remove the redundant `Component` property from raster groups.
- remove the unused `RASTER_COLOR_MAPS`.
- simplify `viewLayer.renderTooltip` for raster layers.

frontend/src/config/color-maps.ts

@@ -3,25 +3,6 @@ import * as d3Scale from 'd3-scale';
 import { ColorSpec } from 'lib/data-map/view-layers';
 import { valueType } from 'lib/helpers';
 
-export const RASTER_COLOR_MAPS = {
-  fluvial: {
-    scheme: 'blues',
-    range: [0, 10],
-  },
-  coastal: {
-    scheme: 'greens',
-    range: [0, 10],
-  },
-  surface: {
-    scheme: 'purples',
-    range: [0, 10],
-  },
-  cyclone: {
-    scheme: 'reds',
-    range: [0, 75],
-  },
-};
-
 function invertColorScale<T>(colorScale: (t: number) => T) {
   return (i: number) => colorScale(1 - i);
 }

frontend/src/config/hazards/hazard-view-layer.ts

@@ -71,16 +71,8 @@ export function hazardViewLayer(hazardType: string, hazardParams: HazardParams):
         viewLayer: this,
       });
     },
-    renderTooltip({
-      key,
-      target,
-      viewLayer,
-    }: {
-      key?: string;
-      target: RasterTarget;
-      viewLayer: ViewLayer;
-    }) {
-      return createElement(HazardHoverDescription, { key, target, viewLayer });
+    renderTooltip({ target }: { target: RasterTarget }) {
+      return createElement(HazardHoverDescription, { key: this.id, target, viewLayer: this });
     },
   };
 }

frontend/src/config/interaction-groups.ts

@@ -1,7 +1,6 @@
 import { InteractionGroupConfig } from 'lib/data-map/types';
 
 import { AssetHoverDescription } from './assets/AssetHoverDescription';
-import { HazardHoverDescription } from './hazards/HazardHoverDescription';
 import { SolutionHoverDescription } from './solutions/SolutionHoverDescription';
 import { RegionHoverDescription } from './regions/RegionHoverDescription';
 import { DroughtHoverDescription } from './drought/DroughtHoverDescription';
@@ -24,7 +23,6 @@ export const INTERACTION_GROUPS = new Map<string, InteractionGroupConfig>([
       id: 'hazards',
       type: 'raster',
       pickMultiple: true,
-      Component: HazardHoverDescription,
     },
   ],
   [

frontend/src/lib/data-map/types.ts

@@ -8,7 +8,7 @@ export interface InteractionGroupConfig {
   pickingRadius?: number;
   pickMultiple?: boolean;
   usesAutoHighlight?: boolean;
-  Component: React.ComponentType<{
+  Component?: React.ComponentType<{
     target: RasterTarget | VectorTarget;
     viewLayer: ViewLayer;
   }>;

frontend/src/lib/data-map/view-layers.ts

@@ -57,15 +57,7 @@ export interface ViewLayer {
   spatialType?: string;
   interactionGroup?: string;
   renderLegend?: () => JSX.Element;
-  renderTooltip?: ({
-    key,
-    target,
-    viewLayer,
-  }: {
-    key?: string;
-    target: RasterTarget | VectorTarget;
-    viewLayer: ViewLayer;
-  }) => JSX.Element;
+  renderTooltip?: ({ target }: { target: RasterTarget | VectorTarget }) => JSX.Element;
 }
 
 export function viewOnlyLayer(id, fn): ViewLayer {

frontend/src/map/tooltip/TooltipContent.tsx

@@ -26,7 +26,7 @@ function renderTooltip({
 }) {
   // renderTooltip isn't implemented on all view layers yet.
   if (viewLayer.renderTooltip) {
-    return viewLayer.renderTooltip({ key, target, viewLayer });
+    return viewLayer.renderTooltip({ target });
   }
   // Fallback to the default tooltip component for older layers.
   return <Component key={key} target={target} viewLayer={viewLayer} />;