Fasih/: fixing brave issue by removing CFD banner (#5763)

* fix: fixing brave issue by removing CFD banner * fix: fixing by removing cookie banner * fix: udpated delay issue * fix: removed pMinDelay * fix: added react lazy and suspense * fix: added min p * fix: removed unsed code --------- Co-authored-by: Fasih Ali <[email protected]>
binary-com · Oct 16, 2023 · 457bdb4 · 457bdb4 · vercel · Oct 16, 2023
1 parent 8575421
commit 457bdb4
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/features/components/molecules/layout-overlay/index.tsx b/src/features/components/molecules/layout-overlay/index.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { Suspense, lazy } from 'react'
 import pMinDelay from 'p-min-delay'
 import loadable from '@loadable/component'
 import { overlay_container } from './layout-overlay.module.scss'
@@ -9,7 +9,7 @@ import { getLocationPathname, getLanguage } from 'common/utility'
 
 const LiveChatButton = loadable(() => pMinDelay(import('./live-chat-button'), 5000))
 const WhatsappButton = loadable(() => pMinDelay(import('./whats-app-button'), 5000))
-const CookieBanner = loadable(() => pMinDelay(import('./cookie-banner'), 5000))
+const CookieBanner = lazy(() => pMinDelay(import('./cookie-banner'), 5000))
 
 const LayoutOverlay = () => {
     const is_rtl = useIsRtl()
@@ -37,7 +37,9 @@ const LayoutOverlay = () => {
                 align="end"
             >
                 <Flex.Box justify={is_rtl ? 'end' : 'start'} basis="6-12" grow={'1'}>
-                    <CookieBanner />
+                    <Suspense fallback={<></>}>
+                        <CookieBanner />
+                    </Suspense>
                 </Flex.Box>
                 <Flex.Box direction="col">
                     <LiveChatButton />