HeaderAction

src/components/Layout/components/HeaderAction/HeaderAction.js

@@ -0,0 +1,18 @@
+import React from 'react';
+
+import styles from './HeaderAction.scss';
+
+const HeaderAction = (props) => {
+  return (
+    <div
+      onClick={ props.onClick }
+      className={ styles.container }
+    >{ props.children }</div>
+  );
+};
+
+HeaderAction.propTypes = {
+  onClick: React.PropTypes.func,
+};
+
+export default HeaderAction;

src/components/Layout/components/HeaderAction/HeaderAction.scss

@@ -0,0 +1,9 @@
+.container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  min-height: 43px;
+  padding: 0 0.5rem;
+  color: #0C77F8;
+}

src/components/Layout/components/HeaderAction/index.js

@@ -0,0 +1,2 @@
+import HeaderAction from './HeaderAction';
+export default HeaderAction;

src/components/Layout/index.js

@@ -1,10 +1,10 @@
 import Layout from './Layout';
 import Title from './components/Title';
-import HeaderLink from './components/HeaderLink';
+import HeaderAction from './components/HeaderAction';
 
 export default Layout;
 
 export {
   Title,
-  HeaderLink,
+  HeaderAction,
 };