display version in the header

Author: mertkahyaoglu

src/constants/index.js

@@ -1 +1,2 @@
+export const VERSION = 'v0.3.0';
 export const ADMIN_PREFIX = '/admin';

src/containers/Header.js

@@ -3,6 +3,7 @@ import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import { Link } from 'react-router';
 import { fetchConfig } from '../actions/config';
+import { VERSION } from '../constants';
 
 export class Header extends Component {
 
@@ -17,9 +18,11 @@ export class Header extends Component {
       <div className="header">
         <h3 className="title">
           <Link target="_blank" to={`/`}>
-            <i className="fa fa-home"></i> <span>{config.title || 'You have no title!'}</span>
+            <i className="fa fa-home"></i>
+            <span>{config.title || 'You have no title!'}</span>
           </Link>
         </h3>
+        <span className="version">{VERSION}</span>
       </div>
     );
   }

src/styles/header.scss

@@ -1,17 +1,21 @@
 .header {
   display: flex;
   align-items: center;
+  justify-content: space-between;
   height: 75px;
   background-color: white;
+  padding: 0 40px;
   @include box-shadow(0 2px 4px 0 rgba(204, 204, 204, 0.4));
   .title {
     font-weight: normal;
-    margin: 0 0 0 40px;
     a {
       color: #444444;
       &:hover {
         color: black;
       }
     }
   }
+  .version {
+    color: $inactive-gray;
+  }
 }