test build

web/js/mapUI/mapUI.js

@@ -48,6 +48,7 @@ import { REDUX_ACTION_DISPATCHED } from '../util/constants';
 import { updateMapExtent } from '../modules/map/actions';
 import { clearPreload, setPreload } from '../modules/date/actions';
 import { DISPLAY_STATIC_MAP } from '../modules/ui/constants';
+import { Button } from 'reactstrap';
 
 const { events } = util;
 
@@ -344,8 +345,37 @@ function MapUI(props) {
     }
   }
 
+  const testFunction = () => {
+    let layersWithoutProjections = [];
+    const layers = config.layers;
+
+    console.log(layers);
+
+    // Iterate over the object keys
+    for (let key in layers) {
+      if (layers.hasOwnProperty(key) && !layers[key].projections) {
+        layersWithoutProjections.push(layers[key]);
+      }
+    }
+
+    let layerCount = layersWithoutProjections.length;
+
+    console.log(layersWithoutProjections);
+    console.log(layerCount);
+  }
+
+
+  const devButton = () => {
+    return (
+      <div id="dev-block" className="d-flex justify-content-center">
+        <Button onClick={testFunction} style={ { zIndex: "999" } } color="success">Dev Button</Button>
+      </div>
+    )
+  }
+
   return (
     <>
+      {devButton()}
       <CreateMap
         compareMapUi={compareMapUi}
         isMapSet={isMapSet}

web/js/modules/layers/selectors.js

@@ -251,10 +251,12 @@ export const makeGetDescription = () => createSelector(
  *
  */
 export function hasMeasurementSetting(current, source, config, projId) {
+  console.log("source", source)
   let hasSetting;
   Object.values(source.settings).forEach((setting) => {
     const layer = config.layers[setting];
-    if (layer) {
+    // ADDED ADDITIONAL CHECK FOR PROJECTIONS PROPERTY
+    if (layer && layer.projections) {
       const proj = layer.projections;
       if (layer.id === setting && Object.keys(proj).indexOf(projId) > -1) {
         if (layer.layergroup === 'Orbital Track') {

web/js/modules/product-picker/selectors.js

@@ -16,9 +16,11 @@ const getCategoryType = ({ productPicker }) => productPicker.categoryType;
 export const getLayersForProjection = createSelector(
   [getConfig, getProjection, getSelectedDate],
   (config, projection, selectedDate) => {
+
     const layersWithFacetProps = buildLayerFacetProps(config, selectedDate)
       // Only use the layers for the active projection
-      .filter((layer) => layer.projections[projection])
+      // UPDATED THIS TO CHECK IF LAYER HAS PROJECTIONS PROPERTY
+      .filter((layer) => layer.projections && layer.projections[projection])
       .map((layer) => {
         // If there is metadata for the current projection, use that
         const projectionMeta = layer.projections[projection];

webpack.config.js

@@ -73,7 +73,7 @@ module.exports = {
     },
     static: path.join(__dirname, 'web'),
     compress: true,
-    port: 3000,
+    port: 3001,
     hot: true,
     historyApiFallback: true
   },