diff --git a/src/images/common/ebooks/crypto-hero-es.png b/src/images/common/ebooks/crypto-hero-es.png index 679d6b2c18c..c38c57c0cca 100644 Binary files a/src/images/common/ebooks/crypto-hero-es.png and b/src/images/common/ebooks/crypto-hero-es.png differ diff --git a/src/images/common/ebooks/crypto-hero-fr.png b/src/images/common/ebooks/crypto-hero-fr.png index e52ad1a0608..403fcbb2bf0 100644 Binary files a/src/images/common/ebooks/crypto-hero-fr.png and b/src/images/common/ebooks/crypto-hero-fr.png differ diff --git a/src/images/common/ebooks/crypto-hero-pt.png b/src/images/common/ebooks/crypto-hero-pt.png index d052c807342..e23c55c9551 100644 Binary files a/src/images/common/ebooks/crypto-hero-pt.png and b/src/images/common/ebooks/crypto-hero-pt.png differ diff --git a/src/images/common/ebooks/crypto-inside-es.png b/src/images/common/ebooks/crypto-inside-es.png index 368430e2af5..76bbc8f294d 100644 Binary files a/src/images/common/ebooks/crypto-inside-es.png and b/src/images/common/ebooks/crypto-inside-es.png differ diff --git a/src/images/common/ebooks/crypto-inside-fr.png b/src/images/common/ebooks/crypto-inside-fr.png index 19b0346e7de..1a03ecb222c 100644 Binary files a/src/images/common/ebooks/crypto-inside-fr.png and b/src/images/common/ebooks/crypto-inside-fr.png differ diff --git a/src/images/common/ebooks/crypto-inside-pt.png b/src/images/common/ebooks/crypto-inside-pt.png index bcc9a5de202..0a668da0a1d 100644 Binary files a/src/images/common/ebooks/crypto-inside-pt.png and b/src/images/common/ebooks/crypto-inside-pt.png differ diff --git a/src/pages/landing/ebooks/crypto.tsx b/src/pages/landing/ebooks/crypto.tsx index 393572da367..83f853f90c3 100644 --- a/src/pages/landing/ebooks/crypto.tsx +++ b/src/pages/landing/ebooks/crypto.tsx @@ -10,7 +10,7 @@ import { SEO } from 'components/containers' import { localize, WithIntl } from 'components/localization' import StocksIntroImage from 'images/svg/landing/crypto-intro.svg' -const topicsCovered = [ +const topics_covered = [ localize('Introduction to cryptocurrencies'), localize('Types of cryptocurrencies'), localize('The basics of trading cryptocurrency'), @@ -27,10 +27,35 @@ const query = graphql` crypto_inside: file(relativePath: { eq: "ebooks/crypto-inside.png" }) { ...bannerImage } + crypto_hero_es: file(relativePath: { eq: "ebooks/crypto-hero-es.png" }) { + ...bannerImage + } + crypto_inside_es: file(relativePath: { eq: "ebooks/crypto-inside-es.png" }) { + ...bannerImage + } + crypto_hero_pt: file(relativePath: { eq: "ebooks/crypto-hero-pt.png" }) { + ...bannerImage + } + crypto_inside_pt: file(relativePath: { eq: "ebooks/crypto-inside-pt.png" }) { + ...bannerImage + } + crypto_hero_fr: file(relativePath: { eq: "ebooks/crypto-hero-fr.png" }) { + ...bannerImage + } + crypto_inside_fr: file(relativePath: { eq: "ebooks/crypto-inside-fr.png" }) { + ...bannerImage + } } ` -const StocksEbook = () => { +type StocksEbookProps = { + language: string +} + +const StocksEbook = ({ language }: StocksEbookProps) => { + const ebook_languages = ['es', 'pt', 'fr'] + const ebook_image = ebook_languages.includes(language) ? `_${language}` : '' + const data = useStaticQuery(query) return ( @@ -52,7 +77,7 @@ const StocksEbook = () => { ebook_utm_code="cryptocurrencies-ebook" introSub="" introMain={localize('Learn how to trade cryptocurrencies with Deriv')} - mainHeaderImage={data['crypto_hero']} + mainHeaderImage={data[`crypto_hero${ebook_image}`]} /> { />