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

feat: set selected variant on product load in product detail page

Browse Source
This commit is contained in:
ncoronel
2026-07-02 09:49:11 -03:00
parent 4817dd1f76
commit 5ac6704300
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/features/store/pages/product-detail-page/product-detail-page.component.ts
View File

@@ -140,6 +140,8 @@ export class ProductDetailPageComponent implements OnInit, OnDestroy {
this.productSub = this.catalogService.getProducto(id).subscribe({ this.productSub = this.catalogService.getProducto(id).subscribe({
next: (prod) => { next: (prod) => {
this.product.set(prod); this.product.set(prod);
const matchingVariant = prod.variants_map.find((v) => v.variant_id === prod.variant?.id) || null;
this.selectedVariant.set(matchingVariant);
this.quantity.set(1); this.quantity.set(1);
this.descriptionExpanded.set(false); this.descriptionExpanded.set(false);
this.descriptionHasOverflow.set(false); this.descriptionHasOverflow.set(false);
@@ -159,6 +161,8 @@ export class ProductDetailPageComponent implements OnInit, OnDestroy {
this.productSub = this.catalogService.getProducto(productId, variantId).subscribe({ this.productSub = this.catalogService.getProducto(productId, variantId).subscribe({
next: (prod) => { next: (prod) => {
this.product.set(prod); this.product.set(prod);
const matchingVariant = prod.variants_map.find((v) => v.variant_id === prod.variant?.id) || null;
this.selectedVariant.set(matchingVariant);
this.variantLoading.set(false); this.variantLoading.set(false);
}, },
error: (err: HttpErrorResponse) => { error: (err: HttpErrorResponse) => {