From d0e25e90b05043bc5b8703c05d8742bb6ca3ceff Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Fri, 5 Mar 2021 17:37:49 +0300
Subject: [PATCH] Scrolling to item on TreeItem click

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/tree-view/tree-view.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/renderer/components/tree-view/tree-view.tsx b/src/renderer/components/tree-view/tree-view.tsx
index 0d45c2d659..d565e8ec0f 100644
--- a/src/renderer/components/tree-view/tree-view.tsx
+++ b/src/renderer/components/tree-view/tree-view.tsx
@@ -25,6 +25,7 @@ export function RecursiveTreeView({ data }: Props) {
         key={node.id}
         nodeId={node.id}
         label={node.name}
+        onLabelClick={() => scrollToItem(node.id)}
         className={cssNames({selected: node.selected})}
       >
         {Array.isArray(node.children) ? node.children.map((node) => renderTree([node])) : null}
@@ -32,6 +33,12 @@ export function RecursiveTreeView({ data }: Props) {
     ));
   };
 
+  const scrollToItem = (id: string) => {
+    const element = document.getElementById(id);
+
+    element?.scrollIntoView();
+  };
+
   const getAllNodeIds = (nodes: NavigationTree[]): string[] => {
     return flattenDeep(nodes.map(node => {
       return [node.id, ...node.children.map(item => getAllNodeIds([item]))];