Adds external link check. Fixes #147, fixes #142

Author: RickR

src/shared/components/linkButton/linkButton.js

@@ -5,6 +5,11 @@ import { Link as ScrollLink } from 'react-scroll';
 import styles from './linkButton.css';
 
 const LinkButton = (props) => {
+  function isExternalLink(link) {
+    if (link.startsWith('http://') || link.startsWith('https://') || link.startsWith('mailto:')) { return true; }
+    return false;
+  }
+
   const {
     link,
     text,
@@ -26,6 +31,12 @@ const LinkButton = (props) => {
     );
   }
 
+  if (isExternalLink(link)) {
+    return (
+      <a href={link} className={`${styles.linkButton} ${styles[theme]}`}>{text}</a>
+    );
+  }
+
   return (
     <Link
       className={`${styles.linkButton} ${styles[theme]}`}