fix: double header display in checkout

intershop · Oct 26, 2024 · 703f9dc · 703f9dc
1 parent e31a906
commit 703f9dc
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/app/core/guards/no-server-side-rendering.guard.ts b/src/app/core/guards/no-server-side-rendering.guard.ts
@@ -1,15 +1,15 @@
 import { inject } from '@angular/core';
-import { Router } from '@angular/router';
+import { ActivatedRouteSnapshot, Router } from '@angular/router';
 
 /**
  * guards a route against server side rendering (e.g. if the logic requires information only available in browser rendering)
  */
-export function noServerSideRenderingGuard() {
+export function noServerSideRenderingGuard(route: ActivatedRouteSnapshot) {
   const router = inject(Router);
 
   // prevent any handling in the server side rendering (SSR) and instead show loading
   if (SSR) {
-    return router.parseUrl('/loading');
+    return router.parseUrl(route.data.headerType === 'checkout' ? '/loading/checkout' : '/loading');
   }
 
   // if not in SSR just return true and continue

diff --git a/src/app/pages/loading/loading-page.module.ts b/src/app/pages/loading/loading-page.module.ts
@@ -14,6 +14,13 @@ const loadingPageRoutes: Routes = [
       headerType: 'simple',
     },
   },
+  {
+    path: 'checkout',
+    component: LoadingPageComponent,
+    data: {
+      headerType: 'checkout',
+    },
+  },
 ];
 
 @NgModule({