fix ArrowNavView visibility control issue

voxel51 · Aug 13, 2024 · da67848 · da67848
1 parent d45dcbd
commit da67848
Showing 1 changed file with 28 additions and 18 deletions.
diff --git a/app/packages/core/src/plugins/SchemaIO/components/ArrowNavView.tsx b/app/packages/core/src/plugins/SchemaIO/components/ArrowNavView.tsx
@@ -11,29 +11,39 @@ import { ViewPropsType } from "../utils/types";
 export default function ArrowNavView(props: ViewPropsType) {
   const { schema } = props;
   const { view = {} } = schema;
-  const { on_backward, on_forward, position = "center" } = view;
+  const {
+    on_backward,
+    on_forward,
+    position = "center",
+    forward = true,
+    backward = true,
+  } = view;
   const panelId = usePanelId();
   const handleClick = usePanelEvent();
 
   return (
     <>
-      <Arrow
-        style={positionBasedStyleBackward[position]}
-        onClick={() => {
-          handleClick(panelId, { operator: on_backward });
-        }}
-      >
-        <LookerArrowLeftIcon />
-      </Arrow>
-      <Arrow
-        isRight
-        style={positionBasedStyleForward[position]}
-        onClick={() => {
-          handleClick(panelId, { operator: on_forward });
-        }}
-      >
-        <LookerArrowRightIcon />
-      </Arrow>
+      {backward && (
+        <Arrow
+          style={positionBasedStyleBackward[position]}
+          onClick={() => {
+            handleClick(panelId, { operator: on_backward });
+          }}
+        >
+          <LookerArrowLeftIcon />
+        </Arrow>
+      )}
+      {forward && (
+        <Arrow
+          isRight
+          style={positionBasedStyleForward[position]}
+          onClick={() => {
+            handleClick(panelId, { operator: on_forward });
+          }}
+        >
+          <LookerArrowRightIcon />
+        </Arrow>
+      )}
     </>
   );
 }