fix: open product description tab by default when navigating between …

…product detail pages (#1263)

src/app/pages/product/product-detail-info/product-detail-info.component.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
-import { Observable, map } from 'rxjs';
+import { Observable, distinctUntilKeyChanged, map, tap } from 'rxjs';
 
 import { ProductContextDisplayProperties, ProductContextFacade } from 'ish-core/facades/product-context.facade';
 import { ProductView } from 'ish-core/models/product-view/product-view.model';
@@ -12,12 +12,16 @@ import { ProductView } from 'ish-core/models/product-view/product-view.model';
 export class ProductDetailInfoComponent implements OnInit {
   product$: Observable<ProductView>;
   isVariationMaster$: Observable<boolean>;
-  active = 'DESCRIPTION';
+  active = 'DESCRIPTION'; // default product tab
 
   constructor(private context: ProductContextFacade) {}
 
   ngOnInit() {
-    this.product$ = this.context.select('product');
+    this.product$ = this.context.select('product').pipe(
+      // when routing between products reset the opened product tab to the default tab
+      distinctUntilKeyChanged('sku'),
+      tap(() => (this.active = 'DESCRIPTION'))
+    );
     this.isVariationMaster$ = this.context.select('variationCount').pipe(map(variationCount => !!variationCount));
   }