diff --git a/themes/gatsby-theme-deriv/src/features/components/molecules/traders-hub-cta-button/index.tsx b/themes/gatsby-theme-deriv/src/features/components/molecules/traders-hub-cta-button/index.tsx index ff1f2944425..55669501a0c 100644 --- a/themes/gatsby-theme-deriv/src/features/components/molecules/traders-hub-cta-button/index.tsx +++ b/themes/gatsby-theme-deriv/src/features/components/molecules/traders-hub-cta-button/index.tsx @@ -1,17 +1,35 @@ import React, { ComponentPropsWithRef, forwardRef } from 'react' import { Button } from '@deriv/quill-design' -import { LabelPairedGrid2LgBoldIcon } from '@deriv/quill-icons' +import { LabelPairedGrid2MdBoldIcon, LabelPairedGrid2LgBoldIcon } from '@deriv/quill-icons' import useAuthCheck from 'components/hooks/use-auth-check' import useHandleSignup from 'components/hooks/use-handle-signup' import { handleRedirectToTradersHub } from 'components/custom/utils' import { Localize } from 'components/localization' -type TradersHubCtaButtonProps = ComponentPropsWithRef +type TradersHubCtaButtonProps = ComponentPropsWithRef & { + is_accumulator_mobile?: boolean +} const TradersHubCtaButton = forwardRef( - ({ className, ...rest }, ref) => { + ({ is_accumulator_mobile = false, className, ...rest }, ref) => { const [is_logged_in] = useAuthCheck() const handleSignup = useHandleSignup() + if (is_logged_in && is_accumulator_mobile) { + return ( + + ) + } if (is_logged_in) { return ( diff --git a/themes/gatsby-theme-deriv/src/features/components/organisms/what-are-digital-options/accumulator/index.tsx b/themes/gatsby-theme-deriv/src/features/components/organisms/what-are-digital-options/accumulator/index.tsx index 0a10405839b..f9ecb0699b0 100644 --- a/themes/gatsby-theme-deriv/src/features/components/organisms/what-are-digital-options/accumulator/index.tsx +++ b/themes/gatsby-theme-deriv/src/features/components/organisms/what-are-digital-options/accumulator/index.tsx @@ -51,10 +51,16 @@ const WhatAreDigitalOptions = ({ className="flex flex-col items-center gap-400 md:!flex-row md:justify-center" id={uniq} > + +