pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-23 09:31:12 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix CollapsibleTrigger context error

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-29 15:48:36 +00:00
parent 854fcd1e0c
commit f065dd8032
1 changed files with 36 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/components/search/SearchFilters.tsx
View File

@@ -61,41 +61,41 @@ export function SearchFiltersComponent({ filters, onFiltersChange, activeTab }:
const currentYear = new Date().getFullYear();
return (
<Card className="w-full">
<CollapsibleTrigger asChild>
<CardHeader className="cursor-pointer hover:bg-muted/50 transition-colors">
<div className="flex items-center justify-between" onClick={() => setIsOpen(!isOpen)}>
<div className="flex items-center gap-2">
<Filter className="w-5 h-5" />
<CardTitle className="text-lg">Filters</CardTitle>
{hasActiveFilters && (
<Badge variant="secondary" className="ml-2">
Active
</Badge>
)}
<Collapsible open={isOpen} onOpenChange={setIsOpen}>
<Card className="w-full">
<CollapsibleTrigger asChild>
<CardHeader className="cursor-pointer hover:bg-muted/50 transition-colors">
<div className="flex items-center justify-between">
<div className="flex items-center gap-2">
<Filter className="w-5 h-5" />
<CardTitle className="text-lg">Filters</CardTitle>
{hasActiveFilters && (
<Badge variant="secondary" className="ml-2">
Active
</Badge>
)}
</div>
<div className="flex items-center gap-2">
{hasActiveFilters && (
<Button
variant="ghost"
size="sm"
onClick={(e) => {
e.stopPropagation();
clearFilters();
}}
className="text-xs"
>
<X className="w-4 h-4 mr-1" />
Clear
</Button>
)}
<ChevronDown className={`w-4 h-4 transition-transform ${isOpen ? 'rotate-180' : ''}`} />
</div>
</div>
<div className="flex items-center gap-2">
{hasActiveFilters && (
<Button
variant="ghost"
size="sm"
onClick={(e) => {
e.stopPropagation();
clearFilters();
}}
className="text-xs"
>
<X className="w-4 h-4 mr-1" />
Clear
</Button>
)}
<ChevronDown className={`w-4 h-4 transition-transform ${isOpen ? 'rotate-180' : ''}`} />
</div>
</div>
</CardHeader>
</CollapsibleTrigger>
<Collapsible open={isOpen} onOpenChange={setIsOpen}>
</CardHeader>
</CollapsibleTrigger>
<CollapsibleContent>
<CardContent className="space-y-6">
{/* Park Filters */}
@@ -381,7 +381,7 @@ export function SearchFiltersComponent({ filters, onFiltersChange, activeTab }:
)}
</CardContent>
</CollapsibleContent>
</Collapsible>
</Card>
</Card>
</Collapsible>
);
}