From f6636c5c0f1c43c3b9c11941139e5158af581a4c Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Wed, 1 Oct 2025 12:44:58 +0000
Subject: [PATCH] feat: Integrate Novu Inbox into header

---
 src/components/layout/Header.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index fbd89e3f..7942edf8 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -10,6 +10,8 @@ import { SearchDropdown } from '@/components/search/SearchDropdown';
 import { MobileSearch } from '@/components/search/MobileSearch';
 import { AuthButtons } from '@/components/auth/AuthButtons';
 import { ThemeToggle } from '@/components/theme/ThemeToggle';
+import { NotificationCenter } from '@/components/notifications/NotificationCenter';
+import { useAuth } from '@/hooks/useAuth';
 import { useUserRole } from '@/hooks/useUserRole';
 import { useIsMobile } from '@/hooks/use-mobile';
 import {
@@ -25,6 +27,7 @@ export function Header() {
   const navigate = useNavigate();
   const [open, setOpen] = useState(false);
   const [mobileSearchOpen, setMobileSearchOpen] = useState(false);
+  const { user } = useAuth();
   const { isModerator } = useUserRole();
   const isMobile = useIsMobile();
 
@@ -233,6 +236,7 @@ export function Header() {
             </Button>
             
             <ThemeToggle />
+            {user && <NotificationCenter />}
             <AuthButtons />
           </div>
         </div>