jselesan/playzer
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

refactor: remove role display from ComplexSettingsPage and adjust HomePage layout

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

16
apps/frontend/src/features/complex/complex-settings-page.tsx
View File

@@ -61,16 +61,7 @@ export function ComplexSettingsPage({ complexSlug }: ComplexSettingsPageProps) {
</p> </p>
</div> </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> </div>
</section> </section>
@@ -84,11 +75,10 @@ export function ComplexSettingsPage({ complexSlug }: ComplexSettingsPageProps) {
key={tab.id} key={tab.id}
type="button" type="button"
onClick={() => setActiveTab(tab.id)} 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 ${ 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
isActive
? 'bg-primary text-primary-foreground shadow-sm' ? 'bg-primary text-primary-foreground shadow-sm'
: 'text-muted-foreground hover:bg-muted hover:text-foreground' : 'text-muted-foreground hover:bg-muted hover:text-foreground'
}`} }`}
> >
<Icon className="size-4" /> <Icon className="size-4" />
{tab.label} {tab.label}

5
apps/frontend/src/features/home/home-page.tsx
View File

@@ -719,10 +719,7 @@ export function HomePage() {
<div className="grid gap-4 lg:grid-cols-[1fr_1fr]"> <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"> <section className="overflow-hidden rounded-2xl border border-border/70 bg-card p-5 sm:p-6">
<div className="space-y-4"> <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"> <div className="space-y-2">
<h1 className="text-2xl font-semibold tracking-tight sm:text-3xl"> <h1 className="text-2xl font-semibold tracking-tight sm:text-3xl">
Panel de reservas Panel de reservas