From c17caa42e0afbc1f7f180956a5ddc9074b69cdbc Mon Sep 17 00:00:00 2001
From: ashim-hq <ashim.hq@gmail.com>
Date: Tue, 21 Apr 2026 21:25:39 +0800
Subject: [PATCH] fix: add missing ConnectionMonitor component

The connection-monitor.tsx component was referenced in App.tsx but the
file was missing, causing TypeScript compilation failure during Docker
build. This component combines the useConnectionMonitor hook with
the ConnectionBanner UI.
---
 apps/web/src/components/common/connection-monitor.tsx | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 apps/web/src/components/common/connection-monitor.tsx

diff --git a/apps/web/src/components/common/connection-monitor.tsx b/apps/web/src/components/common/connection-monitor.tsx
new file mode 100644
index 00000000..60830b8d
--- /dev/null
+++ b/apps/web/src/components/common/connection-monitor.tsx
@@ -0,0 +1,7 @@
+import { useConnectionMonitor } from "@/hooks/use-connection-monitor";
+import { ConnectionBanner } from "./connection-banner";
+
+export function ConnectionMonitor() {
+  useConnectionMonitor();
+  return <ConnectionBanner />;
+}