From f065dd8032c928ef51686ae9e67287f168f90342 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 29 Sep 2025 15:48:36 +0000
Subject: [PATCH] Fix CollapsibleTrigger context error

---
 src/components/search/SearchFilters.tsx | 72 ++++++++++++-------------
 1 file changed, 36 insertions(+), 36 deletions(-)

diff --git a/src/components/search/SearchFilters.tsx b/src/components/search/SearchFilters.tsx
index cc3df390..41705a1a 100644
--- a/src/components/search/SearchFilters.tsx
+++ b/src/components/search/SearchFilters.tsx
@@ -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>
   );
 }
\ No newline at end of file