From 7d11309eca036b8e5f65fc477161fefc8231b188 Mon Sep 17 00:00:00 2001
From: suthesan <suthesankanagasabai@gmail.com>
Date: Mon, 5 Jul 2021 14:26:03 +0800
Subject: [PATCH] fix ebook translations rendering

---
 src/components/layout/ebooks/header.js       | 7 +++----
 src/components/layout/ebooks/introduction.js | 4 ++--
 src/components/layout/ebooks/topics.js       | 4 ++--
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/layout/ebooks/header.js b/src/components/layout/ebooks/header.js
index f3fafb93b69..e6702c1dc41 100644
--- a/src/components/layout/ebooks/header.js
+++ b/src/components/layout/ebooks/header.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types'
 import GetEbook from './get-ebook'
 import { Flex } from 'components/containers'
 import { Header } from 'components/elements'
-import { localize } from 'components/localization'
+import { localize, Localize } from 'components/localization'
 import device from 'themes/device.js'
 
 const MainWrapper = styled(Flex)`
@@ -161,9 +161,8 @@ const HeaderSection = ({
                         {localize('Plus a free demo account to practice.')}
                     </Header>
                     <AuthorText>
-                        {localize(
-                            'This e-book has been brought to you by a veteran online trader and New York Times bestselling author, ',
-                        )}
+                        <Localize translate_text="This e-book has been brought to you by a veteran online trader and New York Times bestselling author," />
+
                         <AuthorNameText>Vince Stanzione.</AuthorNameText>
                     </AuthorText>
                     <SignupWrapper>
diff --git a/src/components/layout/ebooks/introduction.js b/src/components/layout/ebooks/introduction.js
index 601dfa2a162..c8012be72a8 100644
--- a/src/components/layout/ebooks/introduction.js
+++ b/src/components/layout/ebooks/introduction.js
@@ -5,7 +5,7 @@ import { Header, Text, Li } from 'components/elements'
 import checkIcon from 'images/common/ebooks/check-icon.png'
 import BackgroundPattern from 'images/svg/ebook-intro-bg.svg'
 import device from 'themes/device'
-import { localize } from 'components/localization'
+import { localize, Localize } from 'components/localization'
 
 const BacgroundWrapper = styled.div`
     width: 100%;
@@ -122,7 +122,7 @@ const Introduction = ({ introImage, imageWidth, introPara, subPara, introList })
                                     return (
                                         <Li key={index}>
                                             <img src={checkIcon} alt="Check Icon" />
-                                            {point}
+                                            <Localize translate_text={point} />
                                         </Li>
                                     )
                                 })}
diff --git a/src/components/layout/ebooks/topics.js b/src/components/layout/ebooks/topics.js
index a5bc88a074f..5f8e550c172 100644
--- a/src/components/layout/ebooks/topics.js
+++ b/src/components/layout/ebooks/topics.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types'
 import { Header, Li } from 'components/elements'
 import checkIcon from 'images/common/ebooks/check-icon.png'
 import device from 'themes/device'
-import { localize } from 'components/localization'
+import { localize, Localize } from 'components/localization'
 
 const FullWidth = styled.div`
     background-image: linear-gradient(to bottom, #eaf4f5 1%, rgba(242, 245, 248, 0) 99%);
@@ -99,7 +99,7 @@ const Topics = ({ topicsImage, topicsList }) => {
                         return (
                             <Li key={index} className="topic-item">
                                 <img src={checkIcon} alt="Check Icon" />
-                                {topic}
+                                <Localize translate_text={topic} />
                             </Li>
                         )
                     })}