From 1a85fa053454527d291c8eb6c99d657b1fbf202b Mon Sep 17 00:00:00 2001
From: Promise <me@promise.solutions>
Date: Fri, 9 Feb 2024 17:01:57 +0000
Subject: [PATCH] fix:

Signed-off-by: Promise <me@promise.solutions>
---
 src/app/components/FileDetails.tsx | 0
 src/app/components/FileTree.tsx    | 4 ++--
 2 files changed, 2 insertions(+), 2 deletions(-)
 delete mode 100644 src/app/components/FileDetails.tsx

diff --git a/src/app/components/FileDetails.tsx b/src/app/components/FileDetails.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/components/FileTree.tsx b/src/app/components/FileTree.tsx
index 5c7c4aa..44a54a9 100644
--- a/src/app/components/FileTree.tsx
+++ b/src/app/components/FileTree.tsx
@@ -6,9 +6,9 @@ export default function FileTree({ objects, setSelectedFile, folders = [] }: { o
   const toggleIsExpanded = useCallback(() => setIsExpanded(!isExpanded), [isExpanded]);
 
   return <>
-    {Boolean(folders.length) && <p onClick={toggleIsExpanded} className="hover:cursor-pointer">{`/${folders.join("/")}`}</p>}
+    {Boolean(folders.length) && <p onClick={toggleIsExpanded} className="hover:cursor-pointer">{`/${[...folders].pop()}`}</p>}
     <ul className={` ${folders.length % 2 ? "bg-gray-600" : "bg-gray-500"}`}>
-      {objects.map((obj, index) => <li key={index} className={`px-2 ${isExpanded ? "block" : "hidden"}`}>
+      {objects.map((obj, index) => <li key={index} className={`px-2 py-0.5 ${isExpanded ? "block" : "hidden"}`}>
         {obj.type === "file" ?
           <>
             <p onClick={() => setSelectedFile(folders.map(name => `${name}/`).join("") + obj.name)} className="hover:cursor-pointer">{obj.name}</p>