From afd1e0cff2501d72190db305e47e7581953624f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dominik=20S=C3=A4ume?= <dominik.saeume@hmmh.de>
Date: Wed, 18 Dec 2024 14:50:36 +0100
Subject: [PATCH] Fix Route Active Indicator

---
 src/app/header/header.component.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/header/header.component.ts b/src/app/header/header.component.ts
index 797339b..6296bd7 100644
--- a/src/app/header/header.component.ts
+++ b/src/app/header/header.component.ts
@@ -1,3 +1,4 @@
+import {Location} from '@angular/common';
 import {Component, OnInit} from '@angular/core';
 import {MatAnchor, MatButton} from '@angular/material/button';
 import {MatIcon} from '@angular/material/icon';
@@ -20,7 +21,8 @@ export class HeaderComponent implements OnInit {
     routes: Array<{ path: string, title: string, class: string }> = [];
 
     constructor(
-        private router: Router
+        private router: Router,
+        private location: Location
     ) {
     }
 
@@ -31,7 +33,7 @@ export class HeaderComponent implements OnInit {
             .map(route => ({
                 path: `/${route.path}`,
                 title: route.title as string,
-                class: `/${route.path}` == this.router.url ? 'active' : ''
+                class: `/${route.path}` == (this.location.path() || '/') ? 'active' : ''
             }));
     }
 }