Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-08-16 15:44:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

navigation bar configured for tab navigation

Browse source
This commit is contained in:
NikolaBorislavovHristov 2018-06-15 14:33:05 +03:00
parent e652e8b8e0
commit aeb4c0e943
1 changed files with 20 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/app/app.js
View file

@ -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>