Add Twitter as way of accessing me

Author: Ives van Hoorne

src/app/pages/Sandbox/Editor/Content/Header/Action.js

@@ -55,6 +55,11 @@ const ActionLink = styled(Link)`
   text-decoration: none;
 `;
 
+const ActionA = styled.a`
+  ${styles}
+  text-decoration: none;
+`;
+
 const ActionTooltip = styled(Tooltip)`
   ${styles}
   ${props => props.disabledAction && `
@@ -71,7 +76,7 @@ const IconContainer = styled.div`
   display: flex;
   alignItems: center;
   height: 100%;
-  padding: 0 .75rem;;
+  padding: 0 .75rem;
 `;
 
 type Props = {
@@ -84,6 +89,7 @@ type Props = {
   tooltip: ?string,
   moreInfo: ?boolean,
   unresponsive: boolean,
+  a: ?boolean,
 };
 
 export default ({
@@ -96,6 +102,7 @@ export default ({
   placeholder,
   moreInfo,
   unresponsive,
+  a,
 }: Props) => {
   if (!href && (placeholder || tooltip)) {
     return (
@@ -126,6 +133,21 @@ export default ({
     );
   }
 
+  if (href && a && (placeholder || tooltip)) {
+    return (
+      <ActionA href={href} target="_blank" rel="noopener noreferrer">
+        <Tooltip title={placeholder || tooltip}>
+          <IconContainer>
+            <Icon />
+            {title !== undefined &&
+              <Title unresponsive={unresponsive}>{title}</Title>}
+            {moreInfo && <MoreInfoIcon style={{ fontSize: '1.1rem' }} />}
+          </IconContainer>
+        </Tooltip>
+      </ActionA>
+    );
+  }
+
   if (href && (placeholder || tooltip)) {
     return (
       <ActionLink to={href}>

src/app/pages/Sandbox/Editor/Content/Header/index.js

@@ -9,6 +9,7 @@ import GithubIcon from 'react-icons/lib/go/mark-github';
 import ChevronLeft from 'react-icons/lib/md/chevron-left';
 import HeartIcon from 'react-icons/lib/fa/heart-o';
 import FullHeartIcon from 'react-icons/lib/fa/heart';
+import TwitterIcon from 'react-icons/lib/fa/twitter';
 import { Tooltip } from 'react-tippy';
 
 import type { Sandbox, CurrentUser } from 'common/types';
@@ -184,6 +185,12 @@ export default class Header extends React.PureComponent {
         </Left>
 
         <Right>
+          <Action
+            href="https://twitter.com/ives13"
+            a
+            tooltip="Message me"
+            Icon={TwitterIcon}
+          />
           <FeedbackView
             email={user.email}
             sendMessage={userActions.sendFeedback}