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

@@ -106,22 +106,36 @@ export default function Designers() {
<main className="container mx-auto px-4 py-8">
{/* Page Header */}
<div className="mb-8">
<div className="flex items-center justify-between mb-4">
<div className="flex items-center gap-3">
<Ruler className="w-10 h-10 text-primary" />
<h1 className="text-4xl font-bold">Designers</h1>
</div>
{(user && isModerator()) && (
<Button onClick={() => setIsCreateModalOpen(true)}>
<Plus className="w-4 h-4 mr-2" />Create Designer
</Button>
)}
<div className="flex items-center gap-3 mb-4">
<Ruler className="w-8 h-8 text-primary" />
<h1 className="text-4xl font-bold">Designers</h1>
</div>
<p className="text-lg text-muted-foreground">
<p className="text-lg text-muted-foreground mb-4">
Explore the designers behind your favorite rides and attractions
</p>
<div className="flex items-center gap-2 mt-2">
<Badge variant="secondary">{filteredCompanies.length} designers found</Badge>
<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">
{filteredCompanies.length} designers
</Badge>
</div>
<div className="flex items-center gap-2">
<Button
onClick={() => {
if (!user) {
navigate('/auth');
} else {
setIsCreateModalOpen(true);
}
}}
className="gap-2"
>
<Plus className="w-4 h-4" />
Add Designer
</Button>
</div>
</div>
</div>