add fixed ADS

This commit is contained in:
2025-12-21 18:32:02 +09:00
parent 74d7e3b960
commit 5eb3b21aa3

37
App.tsx
View File

@@ -17,6 +17,15 @@ const App: React.FC = () => {
const [errorMsg, setErrorMsg] = useState<string | null>(null); const [errorMsg, setErrorMsg] = useState<string | null>(null);
// Polling Logic // Polling Logic
useEffect(() => {
try {
// @ts-ignore
(window.adsbygoogle = window.adsbygoogle || []).push({});
} catch (e) {
console.error("AdSense error", e);
}
}, []);
useEffect(() => { useEffect(() => {
let isMounted = true; let isMounted = true;
let timeoutId: number; let timeoutId: number;
@@ -136,8 +145,7 @@ const App: React.FC = () => {
<nav className="flex-1 px-4 space-y-2 mt-4"> <nav className="flex-1 px-4 space-y-2 mt-4">
<button <button
onClick={() => setActiveTab('dashboard')} onClick={() => setActiveTab('dashboard')}
className={`w-full flex items-center p-3 rounded-xl transition-all ${ className={`w-full flex items-center p-3 rounded-xl transition-all ${activeTab === 'dashboard'
activeTab === 'dashboard'
? 'bg-blue-600 text-white shadow-lg shadow-blue-900/20' ? 'bg-blue-600 text-white shadow-lg shadow-blue-900/20'
: 'text-gray-400 hover:bg-gray-800 hover:text-gray-200' : 'text-gray-400 hover:bg-gray-800 hover:text-gray-200'
}`} }`}
@@ -147,8 +155,7 @@ const App: React.FC = () => {
</button> </button>
<button <button
onClick={() => setActiveTab('settings')} onClick={() => setActiveTab('settings')}
className={`w-full flex items-center p-3 rounded-xl transition-all ${ className={`w-full flex items-center p-3 rounded-xl transition-all ${activeTab === 'settings'
activeTab === 'settings'
? 'bg-blue-600 text-white shadow-lg shadow-blue-900/20' ? 'bg-blue-600 text-white shadow-lg shadow-blue-900/20'
: 'text-gray-400 hover:bg-gray-800 hover:text-gray-200' : 'text-gray-400 hover:bg-gray-800 hover:text-gray-200'
}`} }`}
@@ -158,6 +165,22 @@ const App: React.FC = () => {
</button> </button>
</nav> </nav>
{/* AdSense Unit */}
<div className="px-4 pb-2">
<div className="text-[10px] text-gray-600 text-center mb-1">Sponsored</div>
<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>
<script>
(adsbygoogle = window.adsbygoogle || []).push({ });
</script>
</div>
<div className="p-4 border-t border-gray-800"> <div className="p-4 border-t border-gray-800">
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
{connectionState === ConnectionState.CONNECTED ? ( {connectionState === ConnectionState.CONNECTED ? (
@@ -174,7 +197,7 @@ const App: React.FC = () => {
disabled={connectionState === ConnectionState.CONNECTING} disabled={connectionState === ConnectionState.CONNECTING}
className="w-full py-3 px-4 bg-green-600 text-white rounded-xl hover:bg-green-500 transition-colors flex items-center justify-center font-semibold shadow-lg shadow-green-900/20" className="w-full py-3 px-4 bg-green-600 text-white rounded-xl hover:bg-green-500 transition-colors flex items-center justify-center font-semibold shadow-lg shadow-green-900/20"
> >
{connectionState === ConnectionState.CONNECTING ? <RefreshCw className="animate-spin" size={18}/> : <Usb size={18} className="mr-2" />} {connectionState === ConnectionState.CONNECTING ? <RefreshCw className="animate-spin" size={18} /> : <Usb size={18} className="mr-2" />}
<span className="hidden lg:inline">BMS </span> <span className="hidden lg:inline">BMS </span>
</button> </button>
)} )}
@@ -222,7 +245,7 @@ const App: React.FC = () => {
{connectionState !== ConnectionState.CONNECTED && ( {connectionState !== ConnectionState.CONNECTED && (
<div className="absolute inset-0 bg-gray-950/80 backdrop-blur-sm z-10 flex flex-col items-center justify-center p-6 text-center"> <div className="absolute inset-0 bg-gray-950/80 backdrop-blur-sm z-10 flex flex-col items-center justify-center p-6 text-center">
<div className="w-16 h-16 bg-gray-800 rounded-2xl flex items-center justify-center mb-6 shadow-xl border border-gray-700"> <div className="w-16 h-16 bg-gray-800 rounded-2xl flex items-center justify-center mb-6 shadow-xl border border-gray-700">
<Usb size={32} className="text-gray-500"/> <Usb size={32} className="text-gray-500" />
</div> </div>
<h2 className="text-2xl font-bold text-white mb-2"> </h2> <h2 className="text-2xl font-bold text-white mb-2"> </h2>
<p className="text-gray-400 max-w-md mb-8"> <p className="text-gray-400 max-w-md mb-8">
@@ -232,7 +255,7 @@ const App: React.FC = () => {
onClick={handleConnect} onClick={handleConnect}
className="py-3 px-8 bg-blue-600 hover:bg-blue-500 text-white font-semibold rounded-xl transition-all shadow-lg shadow-blue-900/30 flex items-center" className="py-3 px-8 bg-blue-600 hover:bg-blue-500 text-white font-semibold rounded-xl transition-all shadow-lg shadow-blue-900/30 flex items-center"
> >
<Usb size={18} className="mr-2"/> <Usb size={18} className="mr-2" />
</button> </button>
</div> </div>
)} )}