From 74f3c1d0209c6fbe17adae4cd7ac7f387f18f909 Mon Sep 17 00:00:00 2001
From: gokhangunduz <mail@gokhangunduz.com.tr>
Date: Wed, 9 Aug 2023 16:34:33 +0300
Subject: [PATCH] refactor(hidden-frame): :tada: update hidden frame logic

---
 public/css/style.css                       |  4 ++++
 src/components/HiddenFrame/HiddenFrame.tsx | 26 +++++++++++++---------
 2 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/public/css/style.css b/public/css/style.css
index 45e15356..7d10868a 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -742,6 +742,10 @@ video {
   top: 3.6rem;
 }
 
+.-top-\[999999\]{
+  top: -999999;
+}
+
 .-z-10{
   z-index: -10;
 }
diff --git a/src/components/HiddenFrame/HiddenFrame.tsx b/src/components/HiddenFrame/HiddenFrame.tsx
index 85c90e4b..34af39fb 100644
--- a/src/components/HiddenFrame/HiddenFrame.tsx
+++ b/src/components/HiddenFrame/HiddenFrame.tsx
@@ -8,20 +8,26 @@ export default function HiddenFrame({ url }: IHiddenFrame): ReactElement {
   const [active, setActive] = useState<boolean>(true);
 
   useEffect(() => {
-    setInterval(() => {
-      url && setActive((prev) => !prev);
-    }, 30000);
+    const timer = setInterval(() => {
+      url && setActive(!active);
+    }, 10000);
+
+    return () => {
+      clearInterval(timer);
+    };
   }, [active, url]);
 
   return (
     <Fragment>
-      <iframe
-        title="iframe"
-        allow="clipboard-read"
-        className="absolute  grid-cols-1 gap-6"
-        src={url ? url.replace("wss://", "https://") + "health" : ""}
-        onLoad={() => console.log("iframe loaded")}
-      />
+      {active && (
+        <iframe
+          title="iframe"
+          allow="clipboard-read"
+          className="absolute -top-[9999px]"
+          src={url ? url.replace("wss://", "https://") + "health" : ""}
+          onLoad={() => console.log("iframe loaded")}
+        />
+      )}
     </Fragment>
   );
 }