From 1cb78bc617f8c29095adda500c0cfa858da36dcf Mon Sep 17 00:00:00 2001
From: Lucie Hutchins <LucyHut@users.noreply.github.com>
Date: Tue, 30 May 2017 11:23:43 -0400
Subject: [PATCH] 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
---
 webapp/src/containers/layout/socialMedia.js | 13 ++++++-------
 webapp/src/containers/layout/topBar.js      |  3 +--
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/webapp/src/containers/layout/socialMedia.js b/webapp/src/containers/layout/socialMedia.js
index 2440e0b9..efa8dda8 100644
--- 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
index b8d04bf6..c0bf559d 100644
--- 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}`}>