labels only when hovering in 3d

1 files changed, 4 insertions, 1 deletions

diff --git a/app/components/graph/graph.tsx b/app/components/graph/graph.tsx
index 7db642e..5925e42 100644
--- a/app/components/graph/graph.tsx
+++ b/app/components/graph/graph.tsx
@@ -309,13 +309,16 @@ onLinkHover={handleLinkHover}
           nodeThreeObject={
             !physics.labels ? undefined
               : ((node) => {
+                  if (highlightNodes.has(node)) {
                 console.log(node.title)
                 const sprite = new SpriteText(node.title.substring(0, 30));
                 console.log("didnt crash here 2")
                 sprite.color = "#ffffff";
                 sprite.textHeight = 8;
                 return sprite;
-              })}
+                } else { return undefined };
+              })
+          }
           nodeThreeObjectExtend={true}
         />
       )}