Restrict dynamic colormaps to applicable layer types

app/scripts/components/exploration/data-utils-no-faux-module.ts

@@ -139,6 +139,18 @@ const hasValidSourceParams = (params) => {
   return params && 'colormap_name' in params && 'rescale' in params;
 };
 
+/**
+ * Utility to check if render parameters are applicable based on dataset type.
+ *
+ * @param datasetType The type of the dataset (e.g., 'vector').
+ * @returns Boolean indicating if render parameters are applicable.
+ */
+export const isRenderParamsApplicable = (datasetType: string): boolean => {
+  const nonApplicableTypes = ['vector'];
+
+  return !nonApplicableTypes.includes(datasetType);
+};
+
 /**
  * Util to flatten and process rescale values,
  *
@@ -182,14 +194,23 @@ export function resolveRenderParams(
   }
 
   // Check for the dashboard render configuration in queryData
-  if (!queryDataRenders) throw new Error ('No render parameter exists from stac endpoint.');
+  if (!queryDataRenders)
+    throw new Error('No render parameter exists from stac endpoint.');
 
   // Check the namespace from render extension
-  const renderKey = queryDataRenders.dashboard? 'dashboard' : datasetSourceParams?.assets;
-  if (!queryDataRenders[renderKey]) throw new Error ('No proper render parameter for dashboard namespace exists.');
+  const renderKey = queryDataRenders.dashboard
+    ? 'dashboard'
+    : datasetSourceParams?.assets;
+  if (!queryDataRenders[renderKey])
+    throw new Error(
+      'No proper render parameter for dashboard namespace exists.'
+    );
 
   // Return the render extension parameter
-  if (queryDataRenders[renderKey] && hasValidSourceParams(queryDataRenders[renderKey])) {
+  if (
+    queryDataRenders[renderKey] &&
+    hasValidSourceParams(queryDataRenders[renderKey])
+  ) {
     const renderParams = queryDataRenders[renderKey];
     return {
       ...renderParams,

app/scripts/components/exploration/hooks/use-stac-metadata-datasets.ts

@@ -13,7 +13,8 @@ import {
 } from '../types.d.ts';
 import {
   resolveLayerTemporalExtent,
-  resolveRenderParams
+  resolveRenderParams,
+  isRenderParamsApplicable
 } from '../data-utils-no-faux-module';
 import { useEffectPrevious } from '$utils/use-effect-previous';
 import { SetState } from '$types/aliases';
@@ -47,18 +48,22 @@ function reconcileQueryDataWithDataset(
     if (queryData.status === DatasetStatus.SUCCESS) {
       const domain = resolveLayerTemporalExtent(base.data.id, queryData.data);
 
-      const renderParams = resolveRenderParams(
-        base.data.sourceParams,
-        queryData.data.renders
-      );
+      let renderParams;
+
+      if (isRenderParamsApplicable(base.data.type)) {
+        renderParams = resolveRenderParams(
+          base.data.sourceParams,
+          queryData.data.renders
+        );
+      }
 
       base = {
         ...base,
         data: {
           ...base.data,
           ...queryData.data,
           domain,
-          sourceParams: renderParams
+          ...(renderParams && { sourceParams: renderParams })
         }
       };
     }