From 5973b914e4213e17bc95e277dacee1e909672d70 Mon Sep 17 00:00:00 2001
From: JoelGritter <joel@gritter.ca>
Date: Fri, 18 Mar 2022 20:45:50 -0400
Subject: [PATCH] fix(gh-6316): make links open in new tabs

- if a link is a) external, or b) embedded within a paragraph, make the link open in a new tab
---
 src/views/about/about.jsx | 36 ++++++++++++++++++++++++++++++------
 1 file changed, 30 insertions(+), 6 deletions(-)

diff --git a/src/views/about/about.jsx b/src/views/about/about.jsx
index 349f26c5e..ba12d3cfe 100644
--- a/src/views/about/about.jsx
+++ b/src/views/about/about.jsx
@@ -17,7 +17,11 @@ const About = () => (
                 <p><FormattedMessage
                     id="about.introOne"
                     values={{foundationLink: (
-                        <a href="https://www.scratchfoundation.org/">
+                        <a 
+                            href="https://www.scratchfoundation.org/"
+                            rel="noreferrer noopener"
+                            target="_blank"
+                        >
                             <FormattedMessage id="about.foundationText" />
                         </a>
                     )}}
@@ -112,7 +116,11 @@ const About = () => (
                         id="about.quotesDescription"
                         values={{
                             quotesLink: (
-                                <a href="/info/quotes/">
+                                <a 
+                                    href="/info/quotes/"
+                                    rel="noreferrer noopener"
+                                    target="_blank"
+                                >
                                     <FormattedMessage id="about.quotesLinkText" />
                                 </a>
                             )
@@ -135,7 +143,11 @@ const About = () => (
                                 </a>
                             ),
                             lifelongKindergartenGroupLink: (
-                                <a href="https://www.media.mit.edu/groups/lifelong-kindergarten/overview/">
+                                <a 
+                                    href="https://www.media.mit.edu/groups/lifelong-kindergarten/overview/"
+                                    rel="noreferrer noopener"
+                                    target="_blank"
+                                >
                                     <FormattedMessage id="about.lifelongKindergartenGroupLinkText" />
                                 </a>
                             ),
@@ -158,12 +170,20 @@ const About = () => (
                                 </a>
                             ),
                             statisticsLink: (
-                                <a href="/statistics">
+                                <a 
+                                    href="/statistics"
+                                    rel="noreferrer noopener"
+                                    target="_blank"
+                                >
                                     <FormattedMessage id="about.statisticsLinkText" />
                                 </a>
                             ),
                             annualReportLink: (
-                                <a href="/annual-report">
+                                <a 
+                                    href="/annual-report"
+                                    rel="noreferrer noopener"
+                                    target="_blank"
+                                >
                                     <FormattedMessage id="about.annualReportLinkText" />
                                 </a>
                             )
@@ -214,7 +234,11 @@ const About = () => (
                             )
                         }}
                     /></p>
-                    <a href="//secure.donationpay.org/scratchfoundation/">
+                    <a 
+                        href="//secure.donationpay.org/scratchfoundation/"
+                        rel="noreferrer noopener"
+                        target="_blank"
+                    >
                         <Button className="about-button">
                             <FormattedMessage id="about.donateButton" />
                         </Button>