Revert "Hasan/fix: hero image flickering (#5716)" (#5775)

This reverts commit f07b219.
binary-com · Oct 13, 2023 · 564bf78 · 564bf78 · vercel · Oct 13, 2023
1 parent dbfae02
commit 564bf78
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/gatsby-browser.js b/gatsby-browser.js
@@ -1,4 +1,5 @@
 import React from 'react'
+import { createRoot } from 'react-dom/client'
 import { WrapPagesWithLocaleContext } from './src/components/localization'
 import { isProduction } from './src/common/websocket/config'
 import { LocalStore } from './src/common/storage'
@@ -141,4 +142,11 @@ export const onRouteUpdate = () => {
     }, 1500)
 }
 
+export const replaceHydrateFunction = () => {
+    return (element, container) => {
+        const root = createRoot(container)
+        root.render(element)
+    }
+}
+
 export const wrapPageElement = WrapPagesWithLocaleContext
diff --git a/src/features/components/templates/navigation/template/index.tsx b/src/features/components/templates/navigation/template/index.tsx
@@ -101,10 +101,13 @@ const NavTemplate = ({
 
                     {has_items ? (
                         <>
-                            <span ref={nav_wrapper_ref}>
-                                <MobileMenu has_top_nav={has_top_nav} />
-                            </span>
-                            <DesktopMenu has_centered_items={has_centered_items} />
+                            {is_mobile_or_tablet ? (
+                                <span ref={nav_wrapper_ref}>
+                                    <MobileMenu has_top_nav={has_top_nav} />
+                                </span>
+                            ) : (
+                                <DesktopMenu has_centered_items={has_centered_items} />
+                            )}
                         </>
                     ) : null}
                     {children}