From 14747cfa0f86b86cf6ba55b6125a87f61dcd030c Mon Sep 17 00:00:00 2001
From: Dominic Elm <d3lm@users.noreply.github.com>
Date: Fri, 26 Jul 2024 11:05:53 +0200
Subject: [PATCH] fix: make file tree scrollable (#14)

---
 packages/bolt/app/components/workbench/EditorPanel.tsx   | 4 ++--
 packages/bolt/app/components/workbench/FileTreePanel.tsx | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/bolt/app/components/workbench/EditorPanel.tsx b/packages/bolt/app/components/workbench/EditorPanel.tsx
index 6d4459a..c684e86 100644
--- a/packages/bolt/app/components/workbench/EditorPanel.tsx
+++ b/packages/bolt/app/components/workbench/EditorPanel.tsx
@@ -62,8 +62,8 @@ export const EditorPanel = memo(
 
     return (
       <PanelGroup direction="horizontal">
-        <Panel className="flex flex-col" defaultSize={25} minSize={10} collapsible={true}>
-          <div className="border-r h-full">
+        <Panel defaultSize={25} minSize={10} collapsible>
+          <div className="flex flex-col border-r h-full">
             <div className="flex items-center gap-2 bg-gray-50 border-b px-4 py-1 min-h-[34px]">
               <div className="i-ph:tree-structure-duotone shrink-0" />
               Files
diff --git a/packages/bolt/app/components/workbench/FileTreePanel.tsx b/packages/bolt/app/components/workbench/FileTreePanel.tsx
index 5f5f6bf..fde6dde 100644
--- a/packages/bolt/app/components/workbench/FileTreePanel.tsx
+++ b/packages/bolt/app/components/workbench/FileTreePanel.tsx
@@ -15,8 +15,9 @@ export const FileTreePanel = memo(({ files, unsavedFiles, selectedFile, onFileSe
   renderLogger.trace('FileTreePanel');
 
   return (
-    <div className="h-full">
+    <div className="flex-1 overflow-y-scroll">
       <FileTree
+        className="h-full"
         files={files}
         unsavedFiles={unsavedFiles}
         rootFolder={WORK_DIR}