diff --git a/src/app/app.routes.spec.ts b/src/app/app.routes.spec.ts
index 91711d6..82c5b6f 100644
--- a/src/app/app.routes.spec.ts
+++ b/src/app/app.routes.spec.ts
@@ -160,8 +160,8 @@ describe('app routes', () => {
expect(placeholders).toEqual([
'Nombre y Apellido',
'Email',
- 'Contrasena',
- 'Repetir Contrasena'
+ 'Contraseña',
+ 'Repetir Contraseña'
]);
});
diff --git a/src/app/features/store/pages/account-page/account-layout/account-layout.scss b/src/app/features/store/pages/account-page/account-layout/account-layout.scss
index 9c60500..12e31a2 100644
--- a/src/app/features/store/pages/account-page/account-layout/account-layout.scss
+++ b/src/app/features/store/pages/account-page/account-layout/account-layout.scss
@@ -2,7 +2,6 @@
display: flex;
margin: 0 auto;
gap: 100px;
- background-color: #f7f7f7;
min-height: calc(100vh - 100px);
}
.account-sidebar {
diff --git a/src/app/features/store/pages/account-page/components/profile-form/profile-form.html b/src/app/features/store/pages/account-page/components/profile-form/profile-form.html
index eff5908..d30e609 100644
--- a/src/app/features/store/pages/account-page/components/profile-form/profile-form.html
+++ b/src/app/features/store/pages/account-page/components/profile-form/profile-form.html
@@ -3,7 +3,6 @@
@@ -16,7 +15,6 @@
@@ -29,7 +27,6 @@
@@ -42,7 +39,6 @@
@@ -55,7 +51,6 @@
diff --git a/src/app/features/store/pages/account-page/components/profile-form/profile-form.ts b/src/app/features/store/pages/account-page/components/profile-form/profile-form.ts
index 011f755..c055903 100644
--- a/src/app/features/store/pages/account-page/components/profile-form/profile-form.ts
+++ b/src/app/features/store/pages/account-page/components/profile-form/profile-form.ts
@@ -1,4 +1,4 @@
-import { Component, inject, effect, signal } from '@angular/core';
+import { Component, inject, effect, signal, OnInit } from '@angular/core';
import { ReactiveFormsModule, FormBuilder, FormGroup, Validators } from '@angular/forms';
import { InputComponent } from '../../../../../../shared/components/input/input.component';
import { ButtonComponent } from '../../../../../../shared/components/button/button.component';
@@ -12,7 +12,7 @@ import { ToastService } from '../../../../../../core/services/toast.service';
templateUrl: './profile-form.html',
styleUrl: './profile-form.scss',
})
-export class ProfileForm {
+export class ProfileForm implements OnInit {
profileForm: FormGroup;
private authService = inject(AuthService);
private toastService = inject(ToastService);
@@ -40,6 +40,11 @@ export class ProfileForm {
});
}
+ ngOnInit() {
+ // Refresh user data directly from the API to ensure consistency
+ this.authService.loadCurrentUser().subscribe();
+ }
+
getControlError(controlName: string): string | null {
const control = this.profileForm.get(controlName);
if (!control || !control.errors || (!control.touched && !this.isSubmitting())) return null;
diff --git a/src/app/features/store/pages/account-page/components/purchase-list-item/purchase-list-item.html b/src/app/features/store/pages/account-page/components/purchase-list-item/purchase-list-item.html
index 351c8de..8be48cc 100644
--- a/src/app/features/store/pages/account-page/components/purchase-list-item/purchase-list-item.html
+++ b/src/app/features/store/pages/account-page/components/purchase-list-item/purchase-list-item.html
@@ -4,6 +4,8 @@
Fecha de compra: {{ purchase.date }}
diff --git a/src/app/features/store/pages/account-page/components/purchase-list-item/purchase-list-item.scss b/src/app/features/store/pages/account-page/components/purchase-list-item/purchase-list-item.scss
index bbaa5a2..d3973a0 100644
--- a/src/app/features/store/pages/account-page/components/purchase-list-item/purchase-list-item.scss
+++ b/src/app/features/store/pages/account-page/components/purchase-list-item/purchase-list-item.scss
@@ -4,11 +4,11 @@
align-items: center;
padding: 16px;
padding-left:0;
- transition: background-color 0.2s, border-radius 0.2s;
+ transition: box-shadow 0.2s, border-radius 0.2s;
cursor: pointer;
}
.purchase-item:hover {
- background-color: #f0f0f0;
+ box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
border-radius: 8px;
}
.purchase-item:hover .arrow-icon {
@@ -29,7 +29,8 @@
font-size: 12px;
}
.arrow-icon {
- font-size: 24px;
+ width: 8px;
+ height: 14px;
color: #888;
transition: color 0.2s;
}
diff --git a/src/app/features/store/pages/checkout-page/checkout-data-step.component.html b/src/app/features/store/pages/checkout-page/checkout-data-step.component.html
index c856920..cdbba40 100644
--- a/src/app/features/store/pages/checkout-page/checkout-data-step.component.html
+++ b/src/app/features/store/pages/checkout-page/checkout-data-step.component.html
@@ -12,7 +12,6 @@
-
+
diff --git a/src/app/features/store/pages/register-page/register-page.component.html b/src/app/features/store/pages/register-page/register-page.component.html
index d5c328c..93606df 100644
--- a/src/app/features/store/pages/register-page/register-page.component.html
+++ b/src/app/features/store/pages/register-page/register-page.component.html
@@ -35,11 +35,11 @@
{{ errorMessage }}
}
-
+
{{ errorMessage }}
}
-
+
{
component.onSubmit();
expect(authService.register).not.toHaveBeenCalled();
- expect(component.getControlError('password_confirmation')).toBe('Las contrasenas no coinciden.');
+ expect(component.getControlError('password_confirmation')).toBe('Las contraseñas no coinciden.');
});
it('validates max length and password minimum length before submit', async () => {
diff --git a/src/app/features/store/pages/register-page/register-page.component.ts b/src/app/features/store/pages/register-page/register-page.component.ts
index 196a0d3..de6d3e6 100644
--- a/src/app/features/store/pages/register-page/register-page.component.ts
+++ b/src/app/features/store/pages/register-page/register-page.component.ts
@@ -151,7 +151,7 @@ export class RegisterPageComponent {
}
if (controlName === 'password_confirmation' && this.form.hasError('passwordMismatch')) {
- return 'Las contrasenas no coinciden.';
+ return 'Las contraseñas no coinciden.';
}
return 'El valor ingresado no es valido.';
diff --git a/src/app/shared/components/input/input.component.html b/src/app/shared/components/input/input.component.html
index 26b72af..5066af2 100644
--- a/src/app/shared/components/input/input.component.html
+++ b/src/app/shared/components/input/input.component.html
@@ -46,7 +46,7 @@
type="button"
class="input-icon"
[disabled]="disabled()"
- [attr.aria-label]="isPasswordVisible() ? 'Ocultar contrasena' : 'Mostrar contrasena'"
+ [attr.aria-label]="isPasswordVisible() ? 'Ocultar contraseña' : 'Mostrar contraseña'"
(click)="togglePasswordVisibility()"
>