fix: fixed cta button fixes and updated icons

meenakshi-deriv · Jan 10, 2024 · bfa614e · bfa614e
1 parent 9d99b43
commit bfa614e
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 11 deletions.
diff --git a/src/features/pages/home/cta/index.tsx b/src/features/pages/home/cta/index.tsx
@@ -38,7 +38,9 @@ const CTA = () => {
                 <Heading.H2 className="text-solid-slate-50">
                     <Localize translate_text="_t_Join over 2.5 million online traders_t_" />
                 </Heading.H2>
-                <TradersHubCtaButton className="hidden lg:block" />
+                <div className="hidden lg:block">
+                    <TradersHubCtaButton className="flex" />
+                </div>
             </div>
         </Footer.CTABlock>
     )

diff --git a/src/features/pages/home/start-trading-steps/index.tsx b/src/features/pages/home/start-trading-steps/index.tsx
@@ -12,8 +12,8 @@ const StartTradingSteps = () => {
             className="xl:[&>*:nth-child(1)]:!px-50"
             title={<Localize translate_text="_t_Start trading in 3 simple steps_t_" />}
             cta={
-                <div className="flex w-full justify-center">
-                    <TradersHubCtaButton />
+                <div className="hidden lg:block">
+                    <TradersHubCtaButton className="flex" />
                 </div>
             }
             cols="three"

diff --git a/src/features/pages/home/years/data.tsx b/src/features/pages/home/years/data.tsx
@@ -1,10 +1,10 @@
 import React from 'react'
 import { CardContent } from '@deriv-com/components'
 import {
-    LightDependableTestIcon,
-    LightSafeAndSecureTestIcon,
-    LightRegulatedTestIcon,
-    LightTwentyFourSevenSupportTestIcon,
+    LightDependableIcon,
+    LightSafeAndSecureIcon,
+    LightRegulatedIcon,
+    LightTwentyFourSevenSupportIcon,
     // eslint-disable-next-line import/no-unresolved
 } from '@deriv/quill-icons/Illustration'
 import { Localize } from 'components/localization'
@@ -19,7 +19,7 @@ export const cards: CardContent[] = [
         size: 'md',
         color: 'gray',
         align: 'center',
-        icon: <LightDependableTestIcon width={120} height={145} />,
+        icon: <LightDependableIcon width={120} height={145} />,
         className: 'h-full',
     },
     {
@@ -31,7 +31,7 @@ export const cards: CardContent[] = [
         size: 'md',
         color: 'gray',
         align: 'center',
-        icon: <LightSafeAndSecureTestIcon width={120} height={145} />,
+        icon: <LightSafeAndSecureIcon width={120} height={145} />,
         className: 'h-full',
     },
     {
@@ -43,7 +43,7 @@ export const cards: CardContent[] = [
         size: 'md',
         color: 'gray',
         align: 'center',
-        icon: <LightRegulatedTestIcon width={120} height={145} />,
+        icon: <LightRegulatedIcon width={120} height={145} />,
         className: 'h-full',
     },
     {
@@ -55,7 +55,7 @@ export const cards: CardContent[] = [
         size: 'md',
         color: 'gray',
         align: 'center',
-        icon: <LightTwentyFourSevenSupportTestIcon width={120} height={145} />,
+        icon: <LightTwentyFourSevenSupportIcon width={120} height={145} />,
         className: 'h-full',
     },
 ]