From df687007d83d55bf9d85fd9a4956c209aebdea6d Mon Sep 17 00:00:00 2001
From: arDTDev <tindevil82@gmail.com>
Date: Sun, 21 Dec 2025 22:16:49 +0900
Subject: [PATCH] Add AdSense banner to disconnected state overlay

---
 App.tsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/App.tsx b/App.tsx
index 636bf84..c2fd022 100644
--- a/App.tsx
+++ b/App.tsx
@@ -8,6 +8,29 @@ import Settings from './components/Settings';
 import Terminal from './components/Terminal';
 import { LayoutDashboard, Settings as SettingsIcon, Usb, AlertCircle, RefreshCw, PanelRightClose, PanelRightOpen } from 'lucide-react';
 
+const AdSenseBanner: React.FC = () => {
+  useEffect(() => {
+    try {
+      // @ts-ignore
+      (window.adsbygoogle = window.adsbygoogle || []).push({});
+    } catch (e) {
+      console.error("AdSense error", e);
+    }
+  }, []);
+
+  return (
+    <div className="w-full max-w-lg mt-4">
+      {/* AppLeftSizeBox */}
+      <ins className="adsbygoogle"
+        style={{ display: "block" }}
+        data-ad-client="ca-pub-4444852135420953"
+        data-ad-slot="7799405796"
+        data-ad-format="auto"
+        data-full-width-responsive="true"></ins>
+    </div>
+  );
+};
+
 const App: React.FC = () => {
   const [connectionState, setConnectionState] = useState<ConnectionState>(ConnectionState.DISCONNECTED);
   const [basicInfo, setBasicInfo] = useState<BMSBasicInfo | null>(null);
@@ -226,6 +249,7 @@ const App: React.FC = () => {
                 <p className="text-gray-500 max-w-md mb-8">
                   JBD BMS를 UART-to-USB 어댑터로 연결하여 실시간 상태를 확인하고 설정을 변경하세요.
                 </p>
+                <AdSenseBanner />
               </div>
             )}
           </main>