From 17d9b43747904e43d214e6002d0f24f40f78886c Mon Sep 17 00:00:00 2001
From: David Sykes <davidjsykes@gmail.com>
Date: Mon, 27 Jul 2020 13:45:40 +0100
Subject: [PATCH] fic: certification links now open in a new tab (#39180)

---
 client/src/components/profile/components/Certifications.js | 5 ++---
 client/src/components/profile/components/TimeLine.js       | 5 +++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/src/components/profile/components/Certifications.js b/client/src/components/profile/components/Certifications.js
index 35a2d26d2b..cb79d44de5 100644
--- a/client/src/components/profile/components/Certifications.js
+++ b/client/src/components/profile/components/Certifications.js
@@ -1,14 +1,12 @@
 import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
-import { Link } from 'gatsby';
 import { curry } from 'lodash';
 import { createSelector } from 'reselect';
 import { connect } from 'react-redux';
 import { Row, Col } from '@freecodecamp/react-bootstrap';
 
 import { certificatesByNameSelector } from '../../../redux';
-import FullWidthRow from '../../helpers/FullWidthRow';
-import { ButtonSpacer, Spacer } from '../../helpers';
+import { ButtonSpacer, FullWidthRow, Link, Spacer } from '../../helpers';
 import './certifications.css';
 
 const mapStateToProps = (state, props) =>
@@ -45,6 +43,7 @@ function renderCertShow(username, cert) {
         <Col className='certifications' sm={10} smPush={1}>
           <Link
             className='btn btn-lg btn-primary btn-block'
+            external={true}
             to={`/certification/${username}/${cert.showURL}`}
           >
             View {cert.title}
diff --git a/client/src/components/profile/components/TimeLine.js b/client/src/components/profile/components/TimeLine.js
index fb9dbd6dac..b82fc0e250 100644
--- a/client/src/components/profile/components/TimeLine.js
+++ b/client/src/components/profile/components/TimeLine.js
@@ -3,10 +3,10 @@ import PropTypes from 'prop-types';
 import format from 'date-fns/format';
 import { find, reverse, sortBy } from 'lodash';
 import { Button, Modal, Table } from '@freecodecamp/react-bootstrap';
-import { Link, useStaticQuery, graphql } from 'gatsby';
+import { useStaticQuery, graphql } from 'gatsby';
 
 import TimelinePagination from './TimelinePagination';
-import { FullWidthRow } from '../../helpers';
+import { FullWidthRow, Link } from '../../helpers';
 import SolutionViewer from '../../settings/SolutionViewer';
 import {
   getCertIds,
@@ -88,6 +88,7 @@ class TimelineInner extends Component {
           {certPath ? (
             <Link
               className='timeline-cert-link'
+              external={true}
               to={`certification/${username}/${certPath}`}
             >
               {challengeTitle}