danvics/zerobyte
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

temp: open / close icons

Browse source
This commit is contained in:
Nicolas Meienberger 2025-10-05 21:22:11 +02:00
parent eb5fae3ab7
commit 39dd1b77c2
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
apps/client/app/components/file-tree.tsx
View file

@ -8,7 +8,7 @@
* Original source: https://github.com/stackblitz/bolt.new * 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 { memo, type ReactNode, useEffect, useMemo, useState } from "react";
import { cn } from "~/lib/utils"; import { cn } from "~/lib/utils";
@ -151,6 +151,8 @@ interface FolderProps {
} }
function Folder({ folder: { depth, name }, collapsed, loading, onClick }: FolderProps) { function Folder({ folder: { depth, name }, collapsed, loading, onClick }: FolderProps) {
const FolderIconComponent = collapsed ? FolderIcon : FolderOpen;
return ( return (
<NodeButton <NodeButton
className={cn("group hover:bg-accent/50 text-foreground")} className={cn("group hover:bg-accent/50 text-foreground")}
@ -166,7 +168,7 @@ function Folder({ folder: { depth, name }, collapsed, loading, onClick }: Folder
} }
onClick={onClick} 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> <span className="truncate">{name}</span>
</NodeButton> </NodeButton>
); );