code optimization

hypertrons · Aug 23, 2024 · 1ed36af · 1ed36af
1 parent 1e93f13
commit 1ed36af
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 12 deletions.
diff --git a/src/components/OSGraph.tsx b/src/components/OSGraph.tsx
@@ -19,19 +19,18 @@ const OSGraph: React.FC<OSGraphProps> = ({ shareId, style = {}, OSGraphUrl }) =>
   const iframeRef = useRef<HTMLIFrameElement>(null);
 
   useEffect(() => {
-    // async
-    if (shareId < 3) {
-      setTimeout(() => {
-        if (iframeRef.current) {
-          iframeRef.current.src = OSGraphUrl;
-        }
-      }, shareId * 500); // Each iframe delays  500ms
-    } else {
+    const loadIframe = () => {
       if (iframeRef.current) {
         iframeRef.current.src = OSGraphUrl;
       }
+    };
+    // async
+    if (shareId < 3) {
+      setTimeout(loadIframe, shareId * 500); // Each iframe delays  500ms
+    } else {
+      loadIframe();
     }
-  }, [iframeRef, OSGraphUrl, shareId]);
+  }, [OSGraphUrl, shareId]);
 
   return (
     <div className="hypertrons-crx-border">

diff --git a/src/pages/ContentScripts/features/developer-networks/view.tsx b/src/pages/ContentScripts/features/developer-networks/view.tsx
@@ -13,7 +13,6 @@ const OSGraphStyle = {
   width: '100%',
   height: '400px',
   border: 'none',
-  marginTop: '70px',
 };
 const logoStyle = {
   cssFloat: 'right',

diff --git a/src/pages/ContentScripts/features/repo-networks/view.tsx b/src/pages/ContentScripts/features/repo-networks/view.tsx
@@ -11,8 +11,6 @@ const OSGraphStyle = {
   width: '100%',
   height: '400px',
   border: 'none',
-  objectFit: 'cover' as 'cover',
-  marginTop: '70px',
 };
 
 const logoStyle = {