Handle external links differently

Author: J12934

src/components/Menu.js

@@ -10,8 +10,13 @@ const Menu = props => {
       <ul>
         {menuLinks.map(link => (
           <li key={link.name}>
-            {/* <Link to={link.link}>{link.name}</Link> */}
-            <a href={link.link}>{link.name}</a>
+            {link.external ? (
+              <a href={link.link} target="_blank" rel="noopener noreferrer">
+                {link.name}
+              </a>
+            ) : (
+              <Link to={link.link}>{link.name}</Link>
+            )}
           </li>
         ))}
         {socialChannels.map(socialChannel => (
@@ -39,6 +44,7 @@ export default props => (
             menuLinks {
               name
               link
+              external
             }
           }
         }