From aeb4c0e943b807e606afd35552c2ff62281365eb Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Fri, 15 Jun 2018 14:33:05 +0300
Subject: [PATCH] navigation bar configured for tab navigation

---
 src/app/app.js | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/app/app.js b/src/app/app.js
index 58f461c10..0e7dd4ef5 100644
--- a/src/app/app.js
+++ b/src/app/app.js
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { BrowserRouter, Switch, Route, Redirect } from 'react-router-dom';
-import { Board, Discover, Library, Calendar } from 'stremio-routes';
+import { Board, Discover, Library, Calendar, Addons } from 'stremio-routes';
 import NavBar from './NavBar';
 import styles from './styles';
 
@@ -9,12 +9,26 @@ class App extends Component {
         return (
             <BrowserRouter>
                 <div className={styles['app']}>
-                    <NavBar />
                     <Switch>
-                        <Route path={'/'} exact={true} component={Board} />
-                        <Route path={'/discover'} component={Discover} />
-                        <Route path={'/library'} component={Library} />
-                        <Route path={'/calendar'} component={Calendar} />
+                        <Route path={'/(discover|library|calendar)?'} exact={true}>
+                            <div className={styles['app']}>
+                                <NavBar
+                                    tabs={[
+                                        { icon: 'ic_board', label: 'Board', to: '/', exact: true },
+                                        { icon: 'ic_discover', label: 'Discover', to: '/discover' },
+                                        { icon: 'ic_library', label: 'Library', to: '/library' },
+                                        { icon: 'ic_calendar', label: 'Calendar', to: '/calendar' }
+                                    ]}
+                                />
+                                <Switch>
+                                    <Route path={'/'} exact={true} component={Board} />
+                                    <Route path={'/discover'} component={Discover} />
+                                    <Route path={'/library'} component={Library} />
+                                    <Route path={'/calendar'} component={Calendar} />
+                                </Switch>
+                            </div>
+                        </Route>
+                        <Route path={'/addons'} component={Addons} />
                         <Redirect to={'/'} />
                     </Switch>
                 </div>