diff --git a/src/app/core/layout/store-layout/store-header/store-header.component.html b/src/app/core/layout/store-layout/store-header/store-header.component.html index d358e20..325f257 100644 --- a/src/app/core/layout/store-layout/store-header/store-header.component.html +++ b/src/app/core/layout/store-layout/store-header/store-header.component.html @@ -54,9 +54,6 @@ } diff --git a/src/app/core/layout/store-layout/store-header/store-header.component.ts b/src/app/core/layout/store-layout/store-header/store-header.component.ts index 345803b..e58eca6 100644 --- a/src/app/core/layout/store-layout/store-header/store-header.component.ts +++ b/src/app/core/layout/store-layout/store-header/store-header.component.ts @@ -20,7 +20,6 @@ export class StoreHeaderComponent { readonly isAuthenticated = input(false); readonly cartClick = output(); readonly loginClick = output(); - readonly registerClick = output(); readonly logoutClick = output(); protected readonly isUserDropdownOpen = signal(false); @@ -56,11 +55,6 @@ export class StoreHeaderComponent { this.loginClick.emit(); } - protected onRegisterClick(): void { - this.isUserDropdownOpen.set(false); - this.registerClick.emit(); - } - protected onLogoutClick(): void { this.isUserDropdownOpen.set(false); this.logoutClick.emit(); diff --git a/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.html b/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.html index 6cb004c..fa9a7b7 100644 --- a/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.html +++ b/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.html @@ -1,52 +1,23 @@ diff --git a/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.scss b/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.scss index a68d85e..13512e6 100644 --- a/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.scss +++ b/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.scss @@ -8,8 +8,7 @@ } .user-dropdown { - position: relative; - color: #202020; + display: grid; background: #ffffff; border: 1px solid rgba(32, 32, 32, 0.1); border-radius: 8px; @@ -22,60 +21,30 @@ padding: 0.25rem; } -.user-dropdown__identity, -.user-dropdown__guest { - display: grid; - min-width: 0; - gap: 0.15rem; -} - -.user-dropdown__name, -.user-dropdown__guest-title { +.user-dropdown__name { color: #a0a0a0; font-size: 13px; font-weight: 325; line-height: 1.2; } -.user-dropdown__guest-copy { - overflow: hidden; - color: #666666; - font-size: 0.8rem; - line-height: 1.35; - text-overflow: ellipsis; - white-space: nowrap; -} - -.user-dropdown__guest { - padding: 0.25rem 0.25rem 0.75rem; -} - .user-dropdown__divider { height: 1px; margin: 0.6rem 0; background: rgba(32, 32, 32, 0.08); } -.user-dropdown__item, -.user-dropdown__primary, -.user-dropdown__secondary { +.user-dropdown__item { width: 100%; border: 0; border-radius: 6px; - font: inherit; - cursor: pointer; -} - -.user-dropdown__item { - display: flex; - align-items: center; - gap: 0.65rem; padding: 0.65rem 0.6rem; color: #8a8a8a; font-size: 14px; font-weight: 700; text-align: left; background: transparent; + cursor: pointer; transition: color 0.15s ease; } @@ -86,46 +55,6 @@ outline: none; } -.user-dropdown__item--danger:active, -.user-dropdown__item--danger:hover, -.user-dropdown__item--danger:focus-visible { - color: var(--tenant-primary); -} - -.user-dropdown__primary, -.user-dropdown__secondary { - display: inline-flex; - align-items: center; - justify-content: center; - min-height: 2.35rem; - padding: 0.55rem 0.85rem; - font-size: 0.88rem; - font-weight: 700; -} - -.user-dropdown__primary { - color: #ffffff; - background: var(--tenant-primary); -} - -.user-dropdown__primary:hover, -.user-dropdown__primary:focus-visible { - filter: brightness(0.96); - outline: none; -} - -.user-dropdown__secondary { - margin-top: 0.5rem; - color: var(--tenant-primary); - background: rgba(0, 0, 0, 0.04); -} - -.user-dropdown__secondary:hover, -.user-dropdown__secondary:focus-visible { - background: rgba(0, 0, 0, 0.07); - outline: none; -} - @keyframes user-dropdown-enter { from { opacity: 0; diff --git a/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.ts b/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.ts index bdad800..9849ea3 100644 --- a/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.ts +++ b/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.ts @@ -8,9 +8,6 @@ import { AuthUser } from '../../../../services/auth/auth.interfaces'; }) export class UserDropdownComponent { readonly user = input(null); - readonly isAuthenticated = input(false); - readonly loginClick = output(); - readonly registerClick = output(); readonly logoutClick = output(); protected readonly displayName = computed(() => this.user()?.nombre_apellido || 'Mi cuenta'); diff --git a/src/app/core/layout/store-layout/store-layout.component.html b/src/app/core/layout/store-layout/store-layout.component.html index 0a5ea70..5c285dc 100644 --- a/src/app/core/layout/store-layout/store-layout.component.html +++ b/src/app/core/layout/store-layout/store-layout.component.html @@ -6,7 +6,6 @@ [isAuthenticated]="isAuthenticated()" (cartClick)="isCartOpen.set(!isCartOpen())" (loginClick)="onLoginClick()" - (registerClick)="onRegisterClick()" (logoutClick)="onLogoutClick()" /> diff --git a/src/app/core/layout/store-layout/store-layout.component.ts b/src/app/core/layout/store-layout/store-layout.component.ts index d50678b..f129093 100644 --- a/src/app/core/layout/store-layout/store-layout.component.ts +++ b/src/app/core/layout/store-layout/store-layout.component.ts @@ -89,10 +89,6 @@ export class StoreLayoutComponent implements OnInit { void this.router.navigate(['/login']); } - protected onRegisterClick(): void { - void this.router.navigate(['/register']); - } - protected onLogoutClick(): void { this.authService.logout().subscribe({ next: () => void this.router.navigate(['/login']),