fix: deriv prime hiding whatsapp

themes/gatsby-theme-deriv/src/features/components/molecules/layout-overlay/index.tsx

@@ -3,11 +3,11 @@ import pMinDelay from 'p-min-delay'
 import loadable from '@loadable/component'
 import { overlay_container } from './layout-overlay.module.scss'
 import CfdWarningBanner from './cfd-warning-banner'
+import { getLocationPathname } from 'common/utility'
 import Flex from 'features/components/atoms/flex-box'
 import { useIsRtl } from 'components/hooks/use-isrtl'
 import { usePageLoaded } from 'components/hooks/use-page-loaded'
 import useThirdPartyFlags from 'components/hooks/use-third-party-flags'
-
 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))
@@ -17,6 +17,8 @@ const LayoutOverlay = () => {
     const [is_mounted] = usePageLoaded()
     const isLiveChat = useThirdPartyFlags('chat.live_chat')
     const isWhatsappChat = useThirdPartyFlags('chat.whatsapp_chat')
+    const path_name = getLocationPathname()
+    const is_deriv_prime = path_name.includes('deriv-prime')
 
     return (
         <Flex.Box
@@ -39,7 +41,7 @@ const LayoutOverlay = () => {
                 </Flex.Box>
                 <Flex.Box direction="col">
                     {isLiveChat && <LiveChatButton />}
-                    {isWhatsappChat && <WhatsappButton />}
+                    {!is_deriv_prime && isWhatsappChat && <WhatsappButton />}
                 </Flex.Box>
             </Flex.Box>
             {is_mounted && <CfdWarningBanner />}