From 7a0fb1ad2b8ef44b9e1a26487f5ceaeaf5d04007 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Mon, 18 Jun 2018 17:25:59 +0300
Subject: [PATCH] nav title rendered in the nav bar and styled

---
 src/common/NavBar/NavBar.js   | 3 +++
 src/common/NavBar/styles.less | 5 +++++
 2 files changed, 8 insertions(+)

diff --git a/src/common/NavBar/NavBar.js b/src/common/NavBar/NavBar.js
index 8393e3400..554f9ec8b 100644
--- a/src/common/NavBar/NavBar.js
+++ b/src/common/NavBar/NavBar.js
@@ -13,6 +13,7 @@ class NavBar extends Component {
         return (
             <nav className={styles['nav-bar']}>
                 {this.props.tabs.map(tab => <NavTab key={tab.to} {...tab} />)}
+                {this.props.title.length > 0 ? <h2 className={styles['nav-title']}>{this.props.title}</h2> : null}
                 {this.props.searchInput ? <SearchInput /> : null}
             </nav>
         );
@@ -31,11 +32,13 @@ NavBar.propTypes = {
         exact: PropTypes.bool,
         replace: PropTypes.bool
     })).isRequired,
+    title: PropTypes.string.isRequired,
     searchInput: PropTypes.bool.isRequired
 };
 
 NavBar.defaultProps = {
     tabs: [],
+    title: '',
     searchInput: false
 };
 
diff --git a/src/common/NavBar/styles.less b/src/common/NavBar/styles.less
index 85e495877..88f9dca57 100644
--- a/src/common/NavBar/styles.less
+++ b/src/common/NavBar/styles.less
@@ -5,4 +5,9 @@
     flex-direction: row;
     align-items: center;
     background-color: @colorsecondary;
+}
+.nav-title {
+    color: @colorwhite;
+    font-size: 16px;
+    padding: 0 10px;
 }
\ No newline at end of file