git/low-code-react-app-b
1
0
Fork 0
mirror of https://github.com/johndoe6345789/low-code-react-app-b.git synced 2026-04-24 21:54:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Generated by Spark: Expand All, Collapse All buttons are too big, Maybe just use icon buttons? Don't really need the text, tooltip would be nice.

Browse Source
This commit is contained in:
johndoe6345789
2026-01-17 20:29:59 +00:00
committed by GitHub
parent c7ebafe6a8
commit 23465084e0
1 changed files with 27 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/components/molecules/ComponentTree.tsx
View File

@@ -4,6 +4,7 @@ import { ComponentTreeNode } from '@/components/atoms/ComponentTreeNode'
import { PanelHeader } from '@/components/atoms'
import { ScrollArea } from '@/components/ui/scroll-area'
import { Button } from '@/components/ui/button'
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
import { Tree, CaretDown, CaretRight } from '@phosphor-icons/react'
interface ComponentTreeProps {
@@ -116,24 +117,32 @@ export function ComponentTree({
/>
{components.length > 0 && (
<div className="flex gap-1">
<Button
variant="ghost"
size="sm"
onClick={handleExpandAll}
className="h-7 w-7 p-0"
title="Expand All"
>
<CaretDown size={16} />
</Button>
<Button
variant="ghost"
size="sm"
onClick={handleCollapseAll}
className="h-7 w-7 p-0"
title="Collapse All"
>
<CaretRight size={16} />
</Button>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="ghost"
size="sm"
onClick={handleExpandAll}
className="h-7 w-7 p-0"
>
<CaretDown size={16} />
</Button>
</TooltipTrigger>
<TooltipContent>Expand All</TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="ghost"
size="sm"
onClick={handleCollapseAll}
className="h-7 w-7 p-0"
>
<CaretRight size={16} />
</Button>
</TooltipTrigger>
<TooltipContent>Collapse All</TooltipContent>
</Tooltip>
</div>
)}
</div>