From c083d25ef3320b2a03b7b07fda83b044b196019c Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Wed, 18 Sep 2024 14:47:07 +0300
Subject: [PATCH] always display the handel and change the default size of the
 panels to add to 100

---
 app/graph/GraphView.tsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/app/graph/GraphView.tsx b/app/graph/GraphView.tsx
index c21d1bb..403a5b3 100644
--- a/app/graph/GraphView.tsx
+++ b/app/graph/GraphView.tsx
@@ -447,7 +447,7 @@ const GraphView = forwardRef(({ graph, runQuery, historyQuery, fetchCount }: {
         <ResizablePanelGroup direction="horizontal" className={cn(maximize && "h-full p-10 bg-background fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]")}>
             <ResizablePanel
                 className={cn("flex flex-col gap-8", !isCollapsed && "mr-8")}
-                defaultSize={100}
+                defaultSize={selectedElement ? 75 : 100}
             >
                 {
                     !maximize &&
@@ -567,20 +567,17 @@ const GraphView = forwardRef(({ graph, runQuery, historyQuery, fetchCount }: {
                         (graph.Categories.length > 0 || graph.Labels.length > 0) &&
                         <>
                             <Labels className="left-2" categories={graph.Categories} onClick={onCategoryClick} label="Labels" graph={graph} />
-                            <Labels className="right-2 text-end" categories={graph.Labels} onClick={onLabelClick} label="RelationshipTypes" graph={graph}/>
+                            <Labels className="right-2 text-end" categories={graph.Labels} onClick={onLabelClick} label="RelationshipTypes" graph={graph} />
                         </>
                     }
                 </div>
             </ResizablePanel>
-            {
-                !isCollapsed &&
-                <ResizableHandle className="w-3" />
-            }
+            <ResizableHandle className={!isCollapsed ? "w-3" : "w-0"} />
             <ResizablePanel
                 className="rounded-lg"
                 collapsible
                 ref={dataPanel}
-                defaultSize={25}
+                defaultSize={selectedElement ? 25 : 0}
                 minSize={25}
                 maxSize={50}
                 onCollapse={() => setIsCollapsed(true)}