From 5f8cf6d9537e156d8b9026b48fefbd3dad42fc21 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Thu, 21 Nov 2024 15:07:22 +0200
Subject: [PATCH 1/2] close element menu on scroll

---
 app/components/toolbar.tsx | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/app/components/toolbar.tsx b/app/components/toolbar.tsx
index 7c948797..00264fb8 100644
--- a/app/components/toolbar.tsx
+++ b/app/components/toolbar.tsx
@@ -1,27 +1,35 @@
 import { CircleDot, Minus, Plus } from "lucide-react";
 import { cn } from "@/lib/utils"
+import { Dispatch, RefObject, SetStateAction } from "react";
+import { Node } from "./model";
 
-export function Toolbar(params: {
-    chartRef: React.RefObject<cytoscape.Core>, className?: string
-}) {
+interface Props {
+    chartRef: RefObject<cytoscape.Core>
+    setSelectedObj: Dispatch<SetStateAction<Node | undefined>>
+    className?: string
+}
+
+export function Toolbar({ chartRef, setSelectedObj, className }: Props) {
 
     function handleZoomClick(changefactor: number) {
-        let chart = params.chartRef.current
+        let chart = chartRef.current
         if (chart) {
             chart.zoom(chart.zoom() * changefactor)
         }
+        setSelectedObj(undefined)
     }
 
     function handleCenterClick() {
-        let chart = params.chartRef.current
+        let chart = chartRef.current
         if (chart) {
             chart.fit(undefined, 80)
             chart.center()
         }
+        setSelectedObj(undefined)
     }
 
     return (
-        <div className={cn("bg-white flex flex-row rounded overflow-hidden", params.className)}>
+        <div className={cn("bg-white flex flex-row rounded overflow-hidden", className)}>
             <button
                 className="border p-2"
                 onClick={() => handleZoomClick(0.9)}

From 9a10a9862c35fff799cf6ce8cc41eb9ccc936529 Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Thu, 21 Nov 2024 16:12:07 +0200
Subject: [PATCH 2/2] fix build

---
 app/components/code-graph.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/code-graph.tsx b/app/components/code-graph.tsx
index c70e9b18..6625b8f7 100644
--- a/app/components/code-graph.tsx
+++ b/app/components/code-graph.tsx
@@ -407,7 +407,7 @@ export function CodeGraph({
                                                 </div>
                                             </div>
                                         }
-                                        <Toolbar className="pointer-events-auto" chartRef={chartRef} />
+                                        <Toolbar setSelectedObj={setSelectedObj} className="pointer-events-auto" chartRef={chartRef} />
                                     </div>
                                 </div>
                                 <ElementTooltip