From 57935a94cc9449c1a302ff7e2e2335e4d073287c Mon Sep 17 00:00:00 2001
From: sriramveeraghanta <veeraghanta.sriram@gmail.com>
Date: Wed, 30 Jul 2025 17:23:01 +0530
Subject: [PATCH] fix: header observer for state changes

---
 apps/web/ce/components/common/extended-app-header.tsx | 5 +++--
 apps/web/ee/components/common/extended-app-header.tsx | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/web/ce/components/common/extended-app-header.tsx b/apps/web/ce/components/common/extended-app-header.tsx
index a8f83b339..f0c974348 100644
--- a/apps/web/ce/components/common/extended-app-header.tsx
+++ b/apps/web/ce/components/common/extended-app-header.tsx
@@ -1,8 +1,9 @@
 import { ReactNode } from "react";
+import { observer } from "mobx-react";
 import { AppSidebarToggleButton } from "@/components/sidebar";
 import { useAppTheme } from "@/hooks/store/use-app-theme";
 
-export const ExtendedAppHeader = (props: { header: ReactNode }) => {
+export const ExtendedAppHeader = observer((props: { header: ReactNode }) => {
   const { header } = props;
   // store hooks
   const { sidebarCollapsed } = useAppTheme();
@@ -13,4 +14,4 @@ export const ExtendedAppHeader = (props: { header: ReactNode }) => {
       <div className="w-full">{header}</div>
     </>
   );
-};
+});
diff --git a/apps/web/ee/components/common/extended-app-header.tsx b/apps/web/ee/components/common/extended-app-header.tsx
index 3719b5662..2fab142d6 100644
--- a/apps/web/ee/components/common/extended-app-header.tsx
+++ b/apps/web/ee/components/common/extended-app-header.tsx
@@ -1 +1 @@
-export * from "./extended-app-header";
+export * from "ce/components/common/extended-app-header";