fix: hide on logo when used in an iframe (#2193)

* fix: hide on logo when used in an iframe * fix: build check * fix: build check * fix: build check * fix: build check * fix: build check --------- Co-authored-by: Damián Parrino <[email protected]>
near · Aug 1, 2024 · 8939d68 · 8939d68
1 parent a0a62ff
commit 8939d68
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/website/src/theme/Navbar/Logo/index.js b/website/src/theme/Navbar/Logo/index.js
@@ -1,13 +1,11 @@
 import React from 'react';
 import Logo from '@theme/Logo';
-import BrowserOnly from '@docusaurus/BrowserOnly';
+import useIsBrowser from '@docusaurus/useIsBrowser';
 
 export default function NavbarLogo() {
-
+  const isBrowser = useIsBrowser();
   // if embedded in an iframe, do not show the logo
-  <BrowserOnly>
-    {() => { if (window.location !== window.parent.location) return null; }}
-  </BrowserOnly>
+  if (isBrowser && typeof window !== 'undefined' && window.self !== window.top) return null;
 
   return (
     <Logo