From 575ccd013ba897f0660b06ed5bf9a014e3d906e9 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Tue, 28 Oct 2025 15:56:06 +0000
Subject: [PATCH] Refactor: Simplify collapsed sidebar UI

---
 src/pages/Designers.tsx     | 22 ++++++++++------------
 src/pages/Manufacturers.tsx | 22 ++++++++++------------
 src/pages/Operators.tsx     | 22 ++++++++++------------
 src/pages/Parks.tsx         | 27 ++++++++++-----------------
 src/pages/Rides.tsx         | 22 ++++++++++------------
 5 files changed, 50 insertions(+), 65 deletions(-)

diff --git a/src/pages/Designers.tsx b/src/pages/Designers.tsx
index 0e506c3c..b4843834 100644
--- a/src/pages/Designers.tsx
+++ b/src/pages/Designers.tsx
@@ -229,18 +229,16 @@ export default function Designers() {
             )}
           >
             <div className="sticky top-24">
-              {sidebarCollapsed ? (
-                <Card className="p-2">
-                  <Button
-                    variant="ghost"
-                    className="w-full"
-                    onClick={() => setSidebarCollapsed(false)}
-                    title="Show filters"
-                  >
-                    <PanelLeftOpen className="w-5 h-5" />
-                  </Button>
-                </Card>
-              ) : (
+          {sidebarCollapsed ? (
+            <Button
+              variant="ghost"
+              className="w-full"
+              onClick={() => setSidebarCollapsed(false)}
+              title="Show filters"
+            >
+              <PanelLeftOpen className="w-5 h-5" />
+            </Button>
+          ) : (
                 <Card>
                   <CardHeader className="flex flex-row items-center justify-between pb-2">
                     <CardTitle className="text-base">Filters</CardTitle>
diff --git a/src/pages/Manufacturers.tsx b/src/pages/Manufacturers.tsx
index 1895a4c9..4a60b60e 100644
--- a/src/pages/Manufacturers.tsx
+++ b/src/pages/Manufacturers.tsx
@@ -242,18 +242,16 @@ export default function Manufacturers() {
             )}
           >
             <div className="sticky top-24">
-              {sidebarCollapsed ? (
-                <Card className="p-2">
-                  <Button
-                    variant="ghost"
-                    className="w-full"
-                    onClick={() => setSidebarCollapsed(false)}
-                    title="Show filters"
-                  >
-                    <PanelLeftOpen className="w-5 h-5" />
-                  </Button>
-                </Card>
-              ) : (
+          {sidebarCollapsed ? (
+            <Button
+              variant="ghost"
+              className="w-full"
+              onClick={() => setSidebarCollapsed(false)}
+              title="Show filters"
+            >
+              <PanelLeftOpen className="w-5 h-5" />
+            </Button>
+          ) : (
                 <Card>
                   <CardHeader className="flex flex-row items-center justify-between pb-2">
                     <CardTitle className="text-base">Filters</CardTitle>
diff --git a/src/pages/Operators.tsx b/src/pages/Operators.tsx
index cb95d655..293d7fa9 100644
--- a/src/pages/Operators.tsx
+++ b/src/pages/Operators.tsx
@@ -300,18 +300,16 @@ const Operators = () => {
             )}
           >
             <div className="sticky top-24">
-              {sidebarCollapsed ? (
-                <Card className="p-2">
-                  <Button
-                    variant="ghost"
-                    className="w-full"
-                    onClick={() => setSidebarCollapsed(false)}
-                    title="Show filters"
-                  >
-                    <PanelLeftOpen className="w-5 h-5" />
-                  </Button>
-                </Card>
-              ) : (
+          {sidebarCollapsed ? (
+            <Button
+              variant="ghost"
+              className="w-full"
+              onClick={() => setSidebarCollapsed(false)}
+              title="Show filters"
+            >
+              <PanelLeftOpen className="w-5 h-5" />
+            </Button>
+          ) : (
                 <Card>
                   <CardHeader className="flex flex-row items-center justify-between pb-2">
                     <CardTitle className="text-base">Filters</CardTitle>
diff --git a/src/pages/Parks.tsx b/src/pages/Parks.tsx
index 9814499a..87ea4df1 100644
--- a/src/pages/Parks.tsx
+++ b/src/pages/Parks.tsx
@@ -500,23 +500,16 @@ export default function Parks() {
             )}
           >
             <div className="sticky top-24">
-              {sidebarCollapsed ? (
-                <Card className="p-2">
-                  <Button
-                    variant="ghost"
-                    className="w-full"
-                    onClick={() => setSidebarCollapsed(false)}
-                    title="Show filters"
-                  >
-                    <PanelLeftOpen className="w-5 h-5" />
-                  </Button>
-                  {activeFilterCount > 0 && (
-                    <Badge variant="secondary" className="w-full mt-2 justify-center">
-                      {activeFilterCount}
-                    </Badge>
-                  )}
-                </Card>
-              ) : (
+          {sidebarCollapsed ? (
+            <Button
+              variant="ghost"
+              className="w-full"
+              onClick={() => setSidebarCollapsed(false)}
+              title="Show filters"
+            >
+              <PanelLeftOpen className="w-5 h-5" />
+            </Button>
+          ) : (
                 <Card>
                   <CardHeader className="flex flex-row items-center justify-between pb-2">
                     <CardTitle className="text-base">Filters</CardTitle>
diff --git a/src/pages/Rides.tsx b/src/pages/Rides.tsx
index 8d78fc08..c3d71585 100644
--- a/src/pages/Rides.tsx
+++ b/src/pages/Rides.tsx
@@ -250,18 +250,16 @@ export default function Rides() {
             )}
           >
             <div className="sticky top-24">
-              {sidebarCollapsed ? (
-                <Card className="p-2">
-                  <Button
-                    variant="ghost"
-                    className="w-full"
-                    onClick={() => setSidebarCollapsed(false)}
-                    title="Show filters"
-                  >
-                    <PanelLeftOpen className="w-5 h-5" />
-                  </Button>
-                </Card>
-              ) : (
+          {sidebarCollapsed ? (
+            <Button
+              variant="ghost"
+              className="w-full"
+              onClick={() => setSidebarCollapsed(false)}
+              title="Show filters"
+            >
+              <PanelLeftOpen className="w-5 h-5" />
+            </Button>
+          ) : (
                 <Card>
                   <CardHeader className="flex flex-row items-center justify-between pb-2">
                     <CardTitle className="text-base">Filters</CardTitle>