refactor: remove role display from ComplexSettingsPage and adjust HomePage layout

This commit is contained in:
Jose Selesan
2026-04-27 14:40:57 -03:00
parent 7a3452c2d1
commit 000277b312
2 changed files with 4 additions and 17 deletions

View File

@@ -61,16 +61,7 @@ export function ComplexSettingsPage({ complexSlug }: ComplexSettingsPageProps) {
</p>
</div>
{currentMembership?.role && (
<div className="inline-flex items-center gap-2 rounded-2xl border border-border/70 bg-background px-4 py-3 text-sm">
<span className="text-xs uppercase tracking-[0.24em] text-muted-foreground">
Tu rol
</span>
<span className="rounded-full border border-border/70 bg-card px-2.5 py-1 text-xs font-medium text-foreground">
{currentMembership.role}
</span>
</div>
)}
</div>
</section>
@@ -84,8 +75,7 @@ export function ComplexSettingsPage({ complexSlug }: ComplexSettingsPageProps) {
key={tab.id}
type="button"
onClick={() => setActiveTab(tab.id)}
className={`inline-flex items-center gap-2 rounded-2xl px-3 py-3 text-sm font-medium transition-all lg:w-full lg:justify-start ${
isActive
className={`inline-flex items-center gap-2 rounded-2xl px-3 py-3 text-sm font-medium transition-all lg:w-full lg:justify-start ${isActive
? 'bg-primary text-primary-foreground shadow-sm'
: 'text-muted-foreground hover:bg-muted hover:text-foreground'
}`}

View File

@@ -719,10 +719,7 @@ export function HomePage() {
<div className="grid gap-4 lg:grid-cols-[1fr_1fr]">
<section className="overflow-hidden rounded-2xl border border-border/70 bg-card p-5 sm:p-6">
<div className="space-y-4">
<div className="inline-flex items-center gap-2 rounded-full border border-border/70 bg-background px-3 py-1 text-xs font-medium text-muted-foreground">
<span className="size-2 rounded-full bg-emerald-500" />
{selectedComplex.complexSlug}
</div>
<div className="space-y-2">
<h1 className="text-2xl font-semibold tracking-tight sm:text-3xl">
Panel de reservas