From deb2bf0b8afb4d1c7bd682e3f54cba2cd277ba5c Mon Sep 17 00:00:00 2001 From: Dwindi Ramadhana Date: Sun, 14 Jun 2026 15:43:42 +0700 Subject: [PATCH] fix(ads): adjust internal iframe styles to minimize bottom gap --- src/components/MobileAdBanner.js | 55 ++++++++++---------------------- src/pages/MarkdownEditor.js | 4 ++- src/styles/markdown-preview.css | 4 +-- 3 files changed, 21 insertions(+), 42 deletions(-) diff --git a/src/components/MobileAdBanner.js b/src/components/MobileAdBanner.js index 85c8872a..903dec7c 100755 --- a/src/components/MobileAdBanner.js +++ b/src/components/MobileAdBanner.js @@ -1,21 +1,10 @@ -import React, { useEffect, useRef, useState } from "react"; -import { X } from "lucide-react"; +import React, { useEffect, useRef } from "react"; const MobileAdBanner = () => { - const [visible, setVisible] = useState(true); - const [closed, setClosed] = useState(false); const iframeRef = useRef(null); useEffect(() => { - const wasClosed = sessionStorage.getItem("mobileAdClosed"); - if (wasClosed === "true") { - setClosed(true); - setVisible(false); - } - }, []); - - useEffect(() => { - if (!visible || closed || !iframeRef.current) return; + if (!iframeRef.current) return; const timer = setTimeout(() => { if (!iframeRef.current) return; @@ -29,7 +18,7 @@ const MobileAdBanner = () => { @@ -50,33 +39,21 @@ const MobileAdBanner = () => { }, 500); return () => clearTimeout(timer); - }, [visible, closed]); - - const handleClose = () => { - setVisible(false); - setClosed(true); - sessionStorage.setItem("mobileAdClosed", "true"); - }; - - if (!visible || closed) return null; + }, []); return ( -
- -
-