From a9329b309fbed69e1808c6de290e4aa6cf3a47a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bernhard=20M=C3=BCller?= <postmuller@gmail.com>
Date: Wed, 22 Jul 2026 07:42:36 +0200
Subject: [PATCH] feat(frontend): wire notification component into dashboard
 header

- Import NotificationComponent in DashboardLayout
- Add bell icon with unread badge to dashboard header
---
 .../src/app/layout/dashboard-layout/dashboard-layout.html      | 1 +
 .../src/app/layout/dashboard-layout/dashboard-layout.ts        | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/eeg_frontend/src/app/layout/dashboard-layout/dashboard-layout.html b/eeg_frontend/src/app/layout/dashboard-layout/dashboard-layout.html
index de4f2c9..10c7c22 100644
--- a/eeg_frontend/src/app/layout/dashboard-layout/dashboard-layout.html
+++ b/eeg_frontend/src/app/layout/dashboard-layout/dashboard-layout.html
@@ -50,6 +50,7 @@
       </h1>
 
       <div class="flex items-center gap-4">
+        <app-notification />
         <span class="text-sm text-gray-500 hidden sm:inline">
           Rolle: <span class="font-semibold text-gray-700">{{ authService.currentUserRole() }}</span>
         </span>
diff --git a/eeg_frontend/src/app/layout/dashboard-layout/dashboard-layout.ts b/eeg_frontend/src/app/layout/dashboard-layout/dashboard-layout.ts
index ea1d46a..8e22997 100644
--- a/eeg_frontend/src/app/layout/dashboard-layout/dashboard-layout.ts
+++ b/eeg_frontend/src/app/layout/dashboard-layout/dashboard-layout.ts
@@ -2,11 +2,12 @@ import {Component, computed, inject, signal} from '@angular/core';
 import {Router, RouterLink, RouterLinkActive, RouterOutlet} from '@angular/router';
 import {AuthService} from '../../services/auth';
 import {NAV_ITEMS} from './dashboard-nav-items';
+import {NotificationComponent} from '../../components/notification/notification';
 
 @Component({
   selector: 'app-dashboard-layout',
   standalone: true,
-  imports: [RouterOutlet, RouterLink, RouterLinkActive],
+  imports: [RouterOutlet, RouterLink, RouterLinkActive, NotificationComponent],
   templateUrl: './dashboard-layout.html',
   styleUrl: './dashboard-layout.scss'
 })