fix: show cfd banner only in home page (binary-com#5368)

* fix: show cfd banner only in home page * fix: remove layout conditions
mitra-deriv · Aug 9, 2023 · 66bd5db · 66bd5db
1 parent f89affa
commit 66bd5db
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/src/features/components/molecules/layout-overlay/index.tsx b/src/features/components/molecules/layout-overlay/index.tsx
@@ -6,9 +6,14 @@ import CookieBanner from './cookie-banner'
 import CfdWarningBanner from './cfd-warning-banner'
 import Flex from 'features/components/atoms/flex-box'
 import { useIsRtl } from 'components/hooks/use-isrtl'
+import { getLocationPathname } from 'common/utility'
 
 const LayoutOverlay = () => {
     const is_rtl = useIsRtl()
+
+    const isHomePage = () => {
+        return getLocationPathname() === '/'
+    }
     return (
         <Flex.Box
             id="overlay-container"
@@ -33,7 +38,7 @@ const LayoutOverlay = () => {
                     <WhatsappButton />
                 </Flex.Box>
             </Flex.Box>
-            <CfdWarningBanner />
+            {isHomePage() && <CfdWarningBanner />}
         </Flex.Box>
     )
 }

diff --git a/src/features/pages/signup-success/index.tsx b/src/features/pages/signup-success/index.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { signup_success_wrapper, signup_success_description } from './signup-success.module.scss'
 import { SEO } from 'components/containers'
-import Layout from 'components/layout/layout'
+import Layout from 'features/components/templates/layout'
 import StaticNav from 'features/components/templates/navigation/static-nav'
 import Flex from 'features/components/atoms/flex-box'
 import Typography from 'features/components/atoms/typography'
@@ -16,7 +16,7 @@ type SignupProps = {
 
 const SignUpSuccessContainer = ({ email }: SignupProps) => {
     return (
-        <Layout show_footer={false}>
+        <Layout>
             <SEO
                 title="_t_Easy And Free Sign Up | Online Trading | Deriv.com_t_"
                 description="_t_Signup to Deriv.com and trade online with as little as $1 USD on major currencies, stocks, indices, and commodities._t_"

diff --git a/src/features/pages/signup/index.tsx b/src/features/pages/signup/index.tsx
@@ -2,14 +2,14 @@ import React from 'react'
 import { signup_wrapper } from './signup.module.scss'
 import SignUpContent from './signup.content'
 import SignUpFormContainer from './form-container'
-import Layout from 'components/layout/layout'
+import Layout from 'features/components/templates/layout'
 import StaticNav from 'features/components/templates/navigation/static-nav'
 import { SEO } from 'components/containers'
 import Flex from 'features/components/atoms/flex-box'
 
 const SignUp = () => {
     return (
-        <Layout show_footer={false}>
+        <Layout>
             <SEO
                 title="_t_Easy And Free Sign Up | Online Trading | Deriv.com_t_"
                 description="_t_Signup to Deriv.com and trade online with as little as $1 USD on major currencies, stocks, indices, and commodities._t_"