Fix tab change & reload page issue

4Science · May 7, 2024 · a3f8773 · a3f8773
1 parent 4d840b5
commit a3f8773
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/src/app/cris-layout/cris-layout-loader/shared/cris-layout-tabs/cris-layout-tabs.component.ts b/src/app/cris-layout/cris-layout-loader/shared/cris-layout-tabs/cris-layout-tabs.component.ts
@@ -111,11 +111,24 @@ export abstract class CrisLayoutTabsComponent {
     const itemPageRoute = getItemPageRoute(this.item);
     this.activeTab$.next(tab);
     this.emitSelected(tab);
+
+    let queryParams = {};
+
+    this.route.queryParams.subscribe(params => {
+      queryParams = params;
+    });
+
+    const currentTabName = this.route.snapshot.paramMap.get('tab');
+    const navigationExtras = (currentTabName && currentTabName.includes(tab.shortname)) ? { queryParams: queryParams } : {};
+
+    let newUrl: string;
     if (this.tabs[0].shortname === tab.shortname) {
-      this.location.replaceState(itemPageRoute);
+      newUrl = itemPageRoute;
     } else {
-      this.location.replaceState(itemPageRoute + '/' + tab.shortname);
+      newUrl = itemPageRoute + '/' + tab.shortname;
     }
+
+    this.router.navigate([newUrl], navigationExtras);
   }
 
 }