Agrim/DPROD-4098/fix: payment agent non english languages (#7634)

* fix: payment agents non-english * fix: link fix * fix: empty commit * fix: empty commit * fix: hover issue * fix: remove external * fix: link * fix: opening in new tab --------- Co-authored-by: Agrim Jain <[email protected]>
binary-com · May 16, 2024 · 0921c1c · 0921c1c
1 parent c29f945
commit 0921c1c
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/themes/gatsby-theme-deriv/src/pages/partners/payment-agent/_who-can-apply.tsx b/themes/gatsby-theme-deriv/src/pages/partners/payment-agent/_who-can-apply.tsx
@@ -24,6 +24,7 @@ import Listed from 'images/svg/partners/pa-listed.svg'
 import device from 'themes/device'
 import useRegion from 'components/hooks/use-region'
 import { TString } from 'types/generics'
+import { LocalizedLink } from '../../../components/localization'
 
 type ImageWrapperProps = {
     left_margin?: string
@@ -173,12 +174,13 @@ const WhoCanApply = () => {
                             <Localize
                                 translate_text="_t_See our <0>terms and conditions</0> for more info._t_"
                                 components={[
-                                    <LocalizedLinkText
-                                        key={0}
-                                        color="red"
+                                    <LocalizedLink
+                                        external
+                                        style={{ color: 'red'}}
+                                        to={`/tnc/business-partners-payment-agents.pdf`}
                                         target="_blank"
-                                        href="/tnc/business-partners-payment-agents.pdf"
                                         rel="noopener noreferrer"
+                                        key={0}
                                     />,
                                 ]}
                             />