remove addlayer and group layers // reimplement date change arrows

nasa-gibs · Aug 8, 2023 · 699ff99 · 699ff99
1 parent 5a0bee4
commit 699ff99
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 21 deletions.
diff --git a/web/js/components/timeline/timeline-controls/date-change-arrows.js b/web/js/components/timeline/timeline-controls/date-change-arrows.js
@@ -75,6 +75,7 @@ class DateChangeArrows extends PureComponent {
       arrowDown,
       tilesPreloaded,
       isKioskModeActive,
+      isEmbedModeActive,
     } = this.props;
 
     const leftArrowDown = () => this.onArrowDown('left');
@@ -93,7 +94,7 @@ class DateChangeArrows extends PureComponent {
 
         {/* LEFT ARROW */}
         <div
-          className={`button-action-group${leftArrowDisabled ? ' button-disabled' : ''} ${isKioskModeActive ? 'd-none' : ''}`}
+          className={`button-action-group${leftArrowDisabled ? ' button-disabled' : ''} ${isKioskModeActive && !isEmbedModeActive ? 'd-none' : ''}`}
           id="left-arrow-group"
           onMouseDown={leftArrowDown}
           onMouseUp={leftArrowUp}
@@ -116,7 +117,7 @@ class DateChangeArrows extends PureComponent {
 
         {/* RIGHT ARROW */}
         <div
-          className={`button-action-group${rightArrowDisabled ? ' button-disabled' : ''} ${isKioskModeActive ? 'd-none' : ''}`}
+          className={`button-action-group${rightArrowDisabled ? ' button-disabled' : ''} ${isKioskModeActive && !isEmbedModeActive ? 'd-none' : ''}`}
           id="right-arrow-group"
           onMouseDown={rightArrowDown}
           onMouseUp={rightArrowUp}
@@ -163,12 +164,12 @@ class DateChangeArrows extends PureComponent {
 }
 
 const mapStateToProps = (state) => {
-  const { date } = state;
-  const { ui: { isKioskModeActive } } = state;
+  const { date, embed, ui } = state;
   return {
     tilesPreloaded: date.preloaded,
     arrowDown: date.arrowDown,
-    isKioskModeActive,
+    isKioskModeActive: ui.isKioskModeActive,
+    isEmbedModeActive: embed.isEmbedModeActive,
   };
 };
 

diff --git a/web/js/containers/sidebar/layers-container.js b/web/js/containers/sidebar/layers-container.js
@@ -175,23 +175,25 @@ function LayersContainer (props) {
           )}
         </div>
       </div>
-      <div className="product-buttons">
-        <div className="layers-add-container">
-          <Button
-            id="layers-add"
-            aria-label="Add layers"
-            className="layers-add red"
-            text="+ Add Layers"
-            onClick={onClickAddLayers}
-          />
-          <Checkbox
-            id="group-overlays-checkbox"
-            checked={groupOverlays}
-            onCheck={toggleOverlayGroups}
-            label="Group Similar Layers"
-          />
+      { !isEmbedModeActive && (
+        <div className="product-buttons">
+          <div className="layers-add-container">
+            <Button
+              id="layers-add"
+              aria-label="Add layers"
+              className="layers-add red"
+              text="+ Add Layers"
+              onClick={onClickAddLayers}
+            />
+            <Checkbox
+              id="group-overlays-checkbox"
+              checked={groupOverlays}
+              onCheck={toggleOverlayGroups}
+              label="Group Similar Layers"
+            />
+          </div>
         </div>
-      </div>
+      )}
     </>
   );
 }