Refactor: Add edit buttons to listing pages

This commit is contained in:
gpt-engineer-app[bot]
2025-09-30 13:07:29 +00:00
parent c2e271561a
commit e276725e52
4 changed files with 79 additions and 60 deletions

View File

@@ -84,15 +84,27 @@ const Operators = () => {
<Header />
<main className="container mx-auto px-4 py-8">
<div className="flex items-center gap-3 mb-8">
<div className="p-2 bg-primary/10 rounded-lg">
<Building className="h-6 w-6 text-primary" />
{/* Page Header */}
<div className="mb-8">
<div className="flex items-center gap-3 mb-4">
<Building className="w-8 h-8 text-primary" />
<h1 className="text-4xl font-bold">Park Operators</h1>
</div>
<div>
<h1 className="text-3xl font-bold">Park Operators</h1>
<p className="text-muted-foreground">
Discover companies that operate theme parks
</p>
<p className="text-lg text-muted-foreground mb-4">
Discover companies that operate theme parks
</p>
<div className="flex items-center justify-between">
<div className="flex flex-wrap items-center gap-1.5 sm:gap-2">
<Badge variant="secondary" className="text-sm sm:text-base px-2 py-0.5 sm:px-3 sm:py-1">
{filteredAndSortedOperators?.length || 0} operators
</Badge>
{searchTerm && (
<Badge variant="outline" className="text-xs sm:text-sm px-2 py-0.5">
Searching: "{searchTerm}"
</Badge>
)}
</div>
</div>
</div>
@@ -135,19 +147,6 @@ const Operators = () => {
</div>
</div>
{/* Results Count */}
<div className="flex items-center justify-between mb-6">
<div className="flex items-center gap-2">
<Badge variant="secondary">
{filteredAndSortedOperators?.length || 0} park operators
</Badge>
{searchTerm && (
<Badge variant="outline">
Searching: "{searchTerm}"
</Badge>
)}
</div>
</div>
{/* Loading State */}
{isLoading && (