diff --git a/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.html b/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.html
index 46ab67b..56915eb 100644
--- a/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.html
+++ b/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.html
@@ -17,31 +17,7 @@
-
- Seleccioná Entrada/s:
- @if (validationStatus(); as status) {
-
- @switch (status) {
- @case ('validating') {
-
- Validando
- }
- @case ('validated') {
-
- Validado
- }
- @case ('error') {
-
- Error
- }
- }
-
- }
-
+
Seleccioná Entrada/s:
@for (row of rows(); track row.id) {
diff --git a/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.scss b/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.scss
index caa11c6..15c81b0 100644
--- a/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.scss
+++ b/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.scss
@@ -44,49 +44,14 @@
padding-top: 1rem;
}
- &__label-row {
- display: flex;
- align-items: center;
- gap: 0.65rem;
- min-height: 1.5rem;
- margin-bottom: 0.5rem;
- }
-
&__label {
+ display: inline-block;
+ margin-bottom: 0.5rem;
color: #555;
font-size: 15px;
font-weight: 700;
}
- &__validation {
- display: inline-flex;
- align-items: center;
- gap: 0.3rem;
- font-size: 13px;
- font-weight: 600;
-
- &--validating {
- color: #777;
- }
-
- &--validated {
- color: var(--success-color, #198754);
- }
-
- &--error {
- color: var(--danger-color, #dc3545);
- }
- }
-
- &__validation-spinner {
- width: 0.8rem;
- height: 0.8rem;
- border: 2px solid currentcolor;
- border-right-color: transparent;
- border-radius: 50%;
- animation: ticket-selector-spin 0.7s linear infinite;
- }
-
&__rows {
display: grid;
gap: 0.5rem;
@@ -150,18 +115,6 @@
}
}
-@keyframes ticket-selector-spin {
- to {
- transform: rotate(360deg);
- }
-}
-
-@media (prefers-reduced-motion: reduce) {
- .ticket-selector__validation-spinner {
- animation-duration: 1.4s;
- }
-}
-
@media (max-width: 767.98px) {
.ticket-selector {
&__header {
diff --git a/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.spec.ts b/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.spec.ts
index 0a1116c..df2f903 100644
--- a/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.spec.ts
+++ b/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.spec.ts
@@ -160,9 +160,6 @@ describe('ProductTicketSelectorComponent', () => {
});
fixture.detectChanges();
- const validation = fixture.nativeElement.querySelector('.ticket-selector__validation');
- expect(validation.textContent).toContain('Validado');
- expect(validation.querySelector('.fa-check')).not.toBeNull();
expect(fixture.nativeElement.querySelector('.ticket-selector__row-status')).toBeNull();
expect(fixture.nativeElement.querySelector('.ticket-selector__row-error')).toBeNull();
@@ -283,9 +280,6 @@ describe('ProductTicketSelectorComponent', () => {
'Sector A',
'1',
]);
- expect(
- fixture.nativeElement.querySelector('.ticket-selector__validation').textContent,
- ).toContain('Validado');
});
it('keeps the reserved selection and shows a toast when a variant change cannot be completed', async () => {
diff --git a/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.ts b/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.ts
index 8040799..219e9d1 100644
--- a/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.ts
+++ b/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.ts
@@ -36,8 +36,6 @@ type TicketSelectionStatus =
| 'removing'
| 'error';
-type TicketValidationStatus = 'validating' | 'validated' | 'error';
-
interface TicketSelectionRow {
id: number;
variantId: number | null;
@@ -92,15 +90,6 @@ export class ProductTicketSelectorComponent {
row.variantId === row.reservedVariantId,
),
);
- protected readonly validationStatus = computed(() => {
- const rows = this.rows();
-
- if (rows.some((row) => this.isBusy(row))) return 'validating';
- if (rows.some((row) => row.status === 'error' || row.error !== null)) return 'error';
- if (rows.length > 0 && rows.every((row) => row.status === 'reserved')) return 'validated';
-
- return null;
- });
protected readonly canAddRow = computed(
() =>
this.availableVariantCount() > 0 &&