tbianchini
/
shopit-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(user-dropdown): convert buttons to links for account and purchases navigation

This commit is contained in:
ncoronel 2026-07-08 08:44:07 -03:00
parent 4969026fe9
commit 28ffe3c788
3 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.html
View File

@ -5,12 +5,12 @@
<div class="user-dropdown__divider"></div> <div class="user-dropdown__divider"></div>
<button type="button" class="user-dropdown__item" role="menuitem" data-testid="user-dropdown-account"> <a routerLink="/mi-cuenta/datos-personales" class="user-dropdown__item" role="menuitem" data-testid="user-dropdown-account">
Mi cuenta Mi cuenta
</button> </a>
<button type="button" class="user-dropdown__item" role="menuitem" data-testid="user-dropdown-purchases"> <a routerLink="/mi-cuenta/compras" class="user-dropdown__item" role="menuitem" data-testid="user-dropdown-purchases">
Mis compras Mis compras
</button> </a>
<button <button
type="button" type="button"
class="user-dropdown__item" class="user-dropdown__item"

2
src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.scss
View File

@ -35,6 +35,7 @@
} }
.user-dropdown__item { .user-dropdown__item {
display: block;
width: 100%; width: 100%;
border: 0; border: 0;
border-radius: 6px; border-radius: 6px;
@ -46,6 +47,7 @@
background: transparent; background: transparent;
cursor: pointer; cursor: pointer;
transition: color 0.15s ease; transition: color 0.15s ease;
text-decoration: none;
} }
.user-dropdown__item:active, .user-dropdown__item:active,

3
src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.ts
View File

@ -1,8 +1,11 @@
import { Component, computed, input, output } from '@angular/core'; import { Component, computed, input, output } from '@angular/core';
import { RouterLink } from '@angular/router';
import { AuthUser } from '../../../../services/auth/auth.interfaces'; import { AuthUser } from '../../../../services/auth/auth.interfaces';
@Component({ @Component({
selector: 'app-user-dropdown', selector: 'app-user-dropdown',
standalone: true,
imports: [RouterLink],
templateUrl: './user-dropdown.component.html', templateUrl: './user-dropdown.component.html',
styleUrl: './user-dropdown.component.scss' styleUrl: './user-dropdown.component.scss'
}) })