fix: correct click-highlighting

cognitedata · Aug 1, 2023 · 8e15211 · 8e15211
1 parent 3d6e050
commit 8e15211
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/react-components/stories/HighlightNode.stories.tsx b/react-components/stories/HighlightNode.stories.tsx
@@ -68,9 +68,12 @@ const StoryContent = ({
 }): ReactElement => {
   const [nodeData, setNodeData] = useState<any>();
 
+  const [highlightedId, setHighlightedId] = useState<string>('');
+
   const callback = (nodeData: NodeDataResult<any>): void => {
     setNodeData(nodeData.data);
 
+    setHighlightedId(nodeData.data.externalId);
     nodeData.model.assignStyledNodeCollection(
       new TreeIndexNodeCollection([nodeData.cadNode.treeIndex]),
       DefaultNodeAppearance.Highlighted
@@ -81,6 +84,17 @@ const StoryContent = ({
     <>
       <Reveal3DResources
         resources={resources}
+        styling={{
+          groups:
+            highlightedId.length === 0
+              ? undefined
+              : [
+                  {
+                    fdmAssetExternalIds: [highlightedId],
+                    style: { cad: DefaultNodeAppearance.Highlighted }
+                  }
+                ]
+        }}
         fdmAssetMappingConfig={fdmAssetMappingConfig}
         onNodeClick={callback}
       />