Agr 417 - External links not working (#332)

* Replaced react component <LINK> with <a> for external links * Replaced react component <LINK> with <a> for external links
alliance-genome · May 30, 2017 · 1cb78bc · 1cb78bc
1 parent 578823a
commit 1cb78bc
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 9 deletions.
diff --git a/webapp/src/containers/layout/socialMedia.js b/webapp/src/containers/layout/socialMedia.js
@@ -1,5 +1,4 @@
 import React, {Component} from 'react';
-import { Link } from 'react-router';
 
 class SocialMedia extends Component {
   render() {
@@ -13,15 +12,15 @@ class SocialMedia extends Component {
 
     return (
       <p>
-        <Link to={facebook_link}>
+        <a href={facebook_link}>
           <img src={facebook_logo} />
-        </Link>
-        <Link to={twitter_link}>
+        </a>
+        <a href={twitter_link}>
           <img src={twitter_logo} />
-        </Link>
-        <Link to={github_link}>
+        </a>
+        <a href={github_link}>
           <img src={github_logo} />
-        </Link>
+        </a>
       </p>
     );
   }

diff --git a/webapp/src/containers/layout/topBar.js b/webapp/src/containers/layout/topBar.js
@@ -1,5 +1,4 @@
 import React, {Component} from 'react';
-import { Link } from 'react-router';
 
 import { SMALL_COL_CLASS, LARGE_COL_CLASS } from '../../constants';
 import SocialMedia from './socialMedia';
@@ -16,7 +15,7 @@ class TopBar extends Component {
         <div className={style.content}>
           <div className={`${SMALL_COL_CLASS} ${style.miniBidgets}`}>
             <span className={`${style.miniContact} ${style.email}`}>
-              <Link to={email_link}><i className='fa fa-envelope' /> {email_logo}</Link>
+              <a href={email_link}><i className='fa fa-envelope' /> {email_logo}</a>
             </span>
           </div>
           <div className={`${LARGE_COL_CLASS} ${style.rightWidgets} ${style.miniBidgets}`}>