fix: remove duplicate X close button from drill-down panels

This commit is contained in:
Brad Groux 2026-01-29 06:46:13 -06:00
parent 8c5cba0c40
commit 33c813cd22

View file

@ -1,10 +1,5 @@
import { ArrowLeft, X } from 'lucide-react';
import {
Sheet,
SheetContent,
SheetHeader,
SheetTitle,
} from '@/components/ui/sheet';
import { ArrowLeft } from 'lucide-react';
import { Sheet, SheetContent, SheetHeader, SheetTitle } from '@/components/ui/sheet';
import { Button } from '@/components/ui/button';
export type DrillDownType = 'tasks' | 'errors' | 'tokens' | 'duration' | null;
@ -22,29 +17,14 @@ export function DrillDownPanel({ type, title, onClose, children }: DrillDownPane
<SheetContent className="w-[600px] sm:max-w-[600px] overflow-hidden flex flex-col">
<SheetHeader className="flex-shrink-0">
<div className="flex items-center gap-2">
<Button
variant="ghost"
size="icon"
onClick={onClose}
className="h-8 w-8"
>
<Button variant="ghost" size="icon" onClick={onClose} className="h-8 w-8">
<ArrowLeft className="h-4 w-4" />
</Button>
<SheetTitle className="flex-1">{title}</SheetTitle>
<Button
variant="ghost"
size="icon"
onClick={onClose}
className="h-8 w-8"
>
<X className="h-4 w-4" />
</Button>
</div>
</SheetHeader>
<div className="flex-1 overflow-y-auto mt-4">
{children}
</div>
<div className="flex-1 overflow-y-auto mt-4">{children}</div>
</SheetContent>
</Sheet>
);