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()" >