From 28ffe3c788930f554b92a07b7b17110c8e9aac50 Mon Sep 17 00:00:00 2001
From: ncoronel <ncoronel@quo.ar>
Date: Wed, 8 Jul 2026 08:44:07 -0300
Subject: [PATCH] feat(user-dropdown): convert buttons to links for account and
 purchases navigation

---
 .../user-dropdown/user-dropdown.component.html            | 8 ++++----
 .../user-dropdown/user-dropdown.component.scss            | 2 ++
 .../store-header/user-dropdown/user-dropdown.component.ts | 3 +++
 3 files changed, 9 insertions(+), 4 deletions(-)

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 fa9a7b7..575be6b 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
@@ -5,12 +5,12 @@
 
   <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
-  </button>
-  <button type="button" class="user-dropdown__item" role="menuitem" data-testid="user-dropdown-purchases">
+  </a>
+  <a routerLink="/mi-cuenta/compras" class="user-dropdown__item" role="menuitem" data-testid="user-dropdown-purchases">
     Mis compras
-  </button>
+  </a>
   <button
     type="button"
     class="user-dropdown__item"
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 13512e6..939ff63 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
@@ -35,6 +35,7 @@
 }
 
 .user-dropdown__item {
+  display: block;
   width: 100%;
   border: 0;
   border-radius: 6px;
@@ -46,6 +47,7 @@
   background: transparent;
   cursor: pointer;
   transition: color 0.15s ease;
+  text-decoration: none;
 }
 
 .user-dropdown__item:active,
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 9849ea3..d44b095 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
@@ -1,8 +1,11 @@
 import { Component, computed, input, output } from '@angular/core';
+import { RouterLink } from '@angular/router';
 import { AuthUser } from '../../../../services/auth/auth.interfaces';
 
 @Component({
   selector: 'app-user-dropdown',
+  standalone: true,
+  imports: [RouterLink],
   templateUrl: './user-dropdown.component.html',
   styleUrl: './user-dropdown.component.scss'
 })