From 000277b312cd16d60234817d61caabc1e6e6117d Mon Sep 17 00:00:00 2001
From: Jose Selesan <jose.selesan@solotechnologies.us>
Date: Mon, 27 Apr 2026 14:40:57 -0300
Subject: [PATCH] refactor: remove role display from ComplexSettingsPage and
 adjust HomePage layout

---
 .../features/complex/complex-settings-page.tsx   | 16 +++-------------
 apps/frontend/src/features/home/home-page.tsx    |  5 +----
 2 files changed, 4 insertions(+), 17 deletions(-)

diff --git a/apps/frontend/src/features/complex/complex-settings-page.tsx b/apps/frontend/src/features/complex/complex-settings-page.tsx
index 2471e19..d44c8ba 100644
--- a/apps/frontend/src/features/complex/complex-settings-page.tsx
+++ b/apps/frontend/src/features/complex/complex-settings-page.tsx
@@ -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,11 +75,10 @@ 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'
-                }`}
+                  }`}
               >
                 <Icon className="size-4" />
                 {tab.label}
diff --git a/apps/frontend/src/features/home/home-page.tsx b/apps/frontend/src/features/home/home-page.tsx
index 7cc7281..3030c2d 100644
--- a/apps/frontend/src/features/home/home-page.tsx
+++ b/apps/frontend/src/features/home/home-page.tsx
@@ -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