From 39dd1b77c291d6ed2388beb387c0dd9c4cf1627c Mon Sep 17 00:00:00 2001
From: Nicolas Meienberger <github@thisprops.com>
Date: Sun, 5 Oct 2025 21:22:11 +0200
Subject: [PATCH] temp: open / close icons

---
 apps/client/app/components/file-tree.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/client/app/components/file-tree.tsx b/apps/client/app/components/file-tree.tsx
index 882a42bd..e84f2849 100644
--- a/apps/client/app/components/file-tree.tsx
+++ b/apps/client/app/components/file-tree.tsx
@@ -8,7 +8,7 @@
  * Original source: https://github.com/stackblitz/bolt.new
  */
 
-import { ChevronDown, ChevronRight, File as FileIcon, Folder as FolderIcon, Loader2 } from "lucide-react";
+import { ChevronDown, ChevronRight, File as FileIcon, Folder as FolderIcon, FolderOpen, Loader2 } from "lucide-react";
 import { memo, type ReactNode, useEffect, useMemo, useState } from "react";
 import { cn } from "~/lib/utils";
 
@@ -151,6 +151,8 @@ interface FolderProps {
 }
 
 function Folder({ folder: { depth, name }, collapsed, loading, onClick }: FolderProps) {
+	const FolderIconComponent = collapsed ? FolderIcon : FolderOpen;
+
 	return (
 		<NodeButton
 			className={cn("group hover:bg-accent/50 text-foreground")}
@@ -166,7 +168,7 @@ function Folder({ folder: { depth, name }, collapsed, loading, onClick }: Folder
 			}
 			onClick={onClick}
 		>
-			<FolderIcon className="w-4 h-4 shrink-0 text-strong-accent" />
+			<FolderIconComponent className="w-4 h-4 shrink-0 text-strong-accent" />
 			<span className="truncate">{name}</span>
 		</NodeButton>
 	);