Merge pull request #241 from Colinh84/issue_166

Issue 166: Changed <a> header and challenge listing tags to <Link>
Fixes #166

Author: birdofpreyru

src/shared/components/TopcoderHeader/desktop/SubMenu/Item/index.jsx

@@ -4,7 +4,7 @@
 
 import PT from 'prop-types';
 import React from 'react';
-
+import { Link } from 'utils/router';
 import './style.scss';
 
 export default function Item({
@@ -17,10 +17,10 @@ export default function Item({
   if (currentSubMenuTitle === title) styleName += ' current';
   return (
     <li styleName={styleName}>
-      <a href={link}>
+      <Link to={link}>
         {icon}
         {title}
-      </a>
+      </Link>
     </li>
   );
 }

src/shared/components/challenge-listing/ChallengeCard/index.jsx

@@ -1,5 +1,6 @@
 import _ from 'lodash';
 import config from 'utils/config';
+import { Link } from 'utils/router';
 import moment from 'moment';
 import React from 'react';
 import PT from 'prop-types';
@@ -124,11 +125,11 @@ function ChallengeCard({
         </div>
 
         <div styleName={isRegistrationOpen ? 'challenge-details with-register-button' : 'challenge-details'}>
-          <a
-            href={challengeDetailLink}
+          <Link
+            to={challengeDetailLink}
             styleName="challenge-title"
-            target={openChallengesInNewTabs ? '_blank' : undefined}
-          >{challenge.name}</a>
+            openNewTab={openChallengesInNewTabs}
+          >{challenge.name}</Link>
           <div styleName="details-footer">
             <span styleName="date">
               {challenge.status === 'ACTIVE' ? 'Ends ' : 'Ended '}