chore: disable edges checkbox (#1192)

* chore: remove edges checkbox * feat: make the edges rendering a feature
iotaledger · Feb 27, 2024 · 9a0f92e · 9a0f92e
1 parent 0876eb9
commit 9a0f92e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 12 deletions.
diff --git a/client/src/features/visualizer-threejs/constants.ts b/client/src/features/visualizer-threejs/constants.ts
@@ -105,4 +105,5 @@ export const features = {
     statsEnabled: false,
     cameraControls: true,
     controlsVisualiserEnabled: true,
+    showEdgeRenderingCheckbox: false,
 };
diff --git a/client/src/features/visualizer-threejs/wrapper/Wrapper.tsx b/client/src/features/visualizer-threejs/wrapper/Wrapper.tsx
@@ -8,7 +8,7 @@ import { SelectedFeedInfo } from "./SelectedFeedInfo";
 import ConfigControls from "../ConfigControls";
 import useSearchStore from "~features/visualizer-threejs/store/search";
 import { useTangleStore } from "~features/visualizer-threejs/store/tangle";
-import { SEARCH_RESULT_COLOR } from "~features/visualizer-threejs/constants";
+import { SEARCH_RESULT_COLOR, features } from "~features/visualizer-threejs/constants";
 import { isSearchMatch } from "~features/visualizer-threejs/hooks/useSearch";
 
 export const Wrapper = ({
@@ -105,17 +105,19 @@ export const Wrapper = ({
                                 )}
                             </button>
                         </div>
-                        {isEdgeRenderingEnabled !== undefined && setEdgeRenderingEnabled !== undefined && (
-                            <div className="margin-l-t row middle">
-                                <h3>Show edges:</h3>
-                                <input
-                                    type="checkbox"
-                                    className="margin-l-t"
-                                    checked={isEdgeRenderingEnabled}
-                                    onChange={({ target: { checked } }) => setEdgeRenderingEnabled(checked)}
-                                />
-                            </div>
-                        )}
+                        {features.showEdgeRenderingCheckbox &&
+                            isEdgeRenderingEnabled !== undefined &&
+                            setEdgeRenderingEnabled !== undefined && (
+                                <div className="margin-l-t row middle">
+                                    <h3>Show edges:</h3>
+                                    <input
+                                        type="checkbox"
+                                        className="margin-l-t"
+                                        checked={isEdgeRenderingEnabled}
+                                        onChange={({ target: { checked } }) => setEdgeRenderingEnabled(checked)}
+                                    />
+                                </div>
+                            )}
                     </div>
                 </div>
                 {selectedFeedItem && (