hide surface water extent story in tour story box

nasa-gibs · Jan 11, 2024 · 0f86cc4 · 0f86cc4
1 parent c2c5987
commit 0f86cc4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/web/js/components/tour/tour-box.js b/web/js/components/tour/tour-box.js
@@ -53,8 +53,8 @@ class TourBox extends React.Component {
     } = this.props;
     const { styles } = this.state;
     let floatBox = '';
-    if (storyOrder.length - (index + 1) === 0
-      || storyOrder.length - (index + 2) === 0) {
+    if (storyOrder.length - (index + 2) === 0
+      || storyOrder.length - (index + 3) === 0) {
       floatBox = ' tour-box-float';
     }
     return (

diff --git a/web/js/components/tour/tour-boxes.js b/web/js/components/tour/tour-boxes.js
@@ -5,10 +5,12 @@ import TourBox from './tour-box';
 
 function TourBoxes(props) {
   const { stories, storyOrder, selectTour } = props;
+  // when we remove this we need to update tour-box.js render function to index+1 && index+2
+  const activeStoryOrder = storyOrder.filter((storyId) => storyId !== 'surface_water_extent');
   return (
     <div className="tour-box-container">
       <div className="tour-box-row">
-        {storyOrder.map((storyId, i) => {
+        {activeStoryOrder.map((storyId, i) => {
           const story = stories[storyId];
           return (
             <TourBox