Suthesh/academy-footer (#2081)

suthesank · Suthesan · web-flow · commit c1788e0d3caa · 2021-09-10T10:34:30.000+08:00
* added links for academy footer disclaimer

* open links on new tab

Co-authored-by: Suthesan &lt;suthesan@Suthesans-MacBook-Pro.local&gt;
diff --git a/src/components/layout/footer/disclaimer-academy.js b/src/components/layout/footer/disclaimer-academy.js
@@ -4,7 +4,7 @@ import {
     DisclaimerParagraph,
     RiskWarning,
     StaticAsset,
-    // BoldLink,
+    BoldLink,
 } from './common/style.js'
 import { Localize, localize } from 'components/localization'
 
@@ -84,7 +84,18 @@ const DisclaimerSectionAcademy = () => {
                         <Localize translate_text="The products mentioned here may be affected by changes in currency exchange rates. If you invest in these products, you may lose some or all of your investment, and the value of your investment may fluctuate. You should never invest money that you cannot afford to lose and never trade with borrowed money." />
                     </DisclaimerParagraph>
                     <DisclaimerParagraph>
-                        <Localize translate_text="Gambling can be addictive, so please play responsibly. Visit Secure and responsible trading and begambleaware.org for more information." />
+                        <Localize
+                            translate_text="Gambling can be addictive, so please play responsibly. Visit <0>Secure and responsible trading</0> and <1>begambleaware.org</1> for more information."
+                            components={[
+                                <BoldLink key={0} target="_blank" to="/responsible/" />,
+                                <BoldLink
+                                    external="true"
+                                    key={1}
+                                    target="_blank"
+                                    to="https://www.begambleaware.org/"
+                                />,
+                            ]}
+                        />
                     </DisclaimerParagraph>
                 </RiskWarning>
             </DisclaimerWrapper>
diff --git a/src/pages/academy/index.js b/src/pages/academy/index.js
@@ -356,6 +356,8 @@ const DerivBlog = ({ data }) => {
                                 key={page_data.id}
                                 to={page_data.link}
                                 style={{ textDecoration: 'none' }}
+                                rel="noopener noreferrer"
+                                target="_blank"
                             >
                                 <Hero
                                     heroImage={

Original file line number	Diff line number	Diff line change
`@@ -356,6 +356,8 @@ const DerivBlog = ({ data }) => {`
`356`	`356`	`key={page_data.id}`
`357`	`357`	`to={page_data.link}`
`358`	`358`	`style={{ textDecoration: 'none' }}`
	`359`	`+ rel="noopener noreferrer"`
	`360`	`+ target="_blank"`
`359`	`361`	`>`
`360`	`362`	`<Hero`
`361`	`363`	`heroImage={`