Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

MainNavBar component implemented

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-05-23 16:02:17 +03:00
parent f359a8c072
commit 808013e4e0
7 changed files with 39 additions and 50 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/common/MainNavBar/MainNavBar.js Normal file
View file

@ -0,0 +1,26 @@
const React = require('react');
const PropTypes = require('prop-types');
const NavBar = require('../NavBar');
const tabs = [
{ label: 'Board', icon: 'ic_board', href: '#/' },
{ label: 'Discover', icon: 'ic_discover', href: '#/discover' },
{ label: 'Library', icon: 'ic_library', href: '#/library' },
{ label: 'Calendar', icon: 'ic_calendar', href: '#/calendar' },
];
const MainNavBar = ({ className }) => (
<NavBar
className={className}
backButton={false}
tabs={tabs}
searchBar={true}
userMenu={true}
/>
);
MainNavBar.propTypes = {
className: PropTypes.string
};
module.exports = MainNavBar;

3
src/common/MainNavBar/index.js Normal file
View file

@ -0,0 +1,3 @@
const MainNavBar = require('./MainNavBar');
module.exports = MainNavBar;

2
src/common/index.js
View file

@ -1,6 +1,7 @@
const Checkbox = require('./Checkbox');
const ColorPicker = require('./ColorPicker');
const Loader = require('./Loader');
const MainNavBar = require('./MainNavBar');
const MetaItem = require('./MetaItem');
const NavBar = require('./NavBar');
const Popup = require('./Popup');
@ -13,6 +14,7 @@ module.exports = {
Checkbox,
ColorPicker,
Loader,
MainNavBar,
MetaItem,
NavBar,
Popup,

15
src/routes/Board/Board.js
View file

@ -2,7 +2,7 @@ const React = require('react');
const classnames = require('classnames');
const Icon = require('stremio-icons/dom');
const { Input } = require('stremio-navigation')
const { MetaItem, NavBar } = require('stremio-common');
const { MetaItem, MainNavBar } = require('stremio-common');
const withGroups = require('./withGroups');
const styles = require('./styles');
@ -38,18 +38,7 @@ class Board extends React.PureComponent {
render() {
return (
<div className={styles['board-container']}>
<NavBar
className={styles['nav-bar']}
backButton={false}
tabs={[
{ label: 'Board', icon: 'ic_board', href: '#/' },
{ label: 'Discover', icon: 'ic_discover', href: '#/discover' },
{ label: 'Library', icon: 'ic_library', href: '#/library' },
{ label: 'Calendar', icon: 'ic_calendar', href: '#/calendar' },
]}
searchBar={true}
userMenu={true}
/>
<MainNavBar className={styles['nav-bar']} />
<div className={styles['board-content']} tabIndex={-1}>
{
this.props.groups.length > 0 ?

15
src/routes/Discover/Discover.js
View file

@ -2,7 +2,7 @@ const React = require('react');
const classnames = require('classnames');
const { Input } = require('stremio-navigation');
const Icon = require('stremio-icons/dom');
const { NavBar, MetaItem, Popup, useBinaryState } = require('stremio-common');
const { MainNavBar, MetaItem, Popup, useBinaryState } = require('stremio-common');
const useCatalog = require('./useCatalog');
const styles = require('./styles');
@ -22,18 +22,7 @@ const Discover = ({ urlParams }) => {
}, [urlParams.type, urlParams.catalog]);
return (
<div className={styles['discover-container']}>
<NavBar
className={styles['nav-bar']}
backButton={false}
tabs={[
{ label: 'Board', icon: 'ic_board', href: '#/' },
{ label: 'Discover', icon: 'ic_discover', href: '#/discover' },
{ label: 'Library', icon: 'ic_library', href: '#/library' },
{ label: 'Calendar', icon: 'ic_calendar', href: '#/calendar' },
]}
searchBar={true}
userMenu={true}
/>
<MainNavBar className={styles['nav-bar']} />
{
typeof urlParams.type === 'string' || typeof urlParams.catalog === 'string' ?
<div className={styles['discover-content']}>

14
src/routes/Library/Library.js
View file

@ -1,22 +1,12 @@
const React = require('react');
const { NavBar } = require('stremio-common');
const { MainNavBar } = require('stremio-common');
const styles = require('./styles');
class Library extends React.Component {
render() {
return (
<div className={styles['library-container']}>
<NavBar
backButton={false}
tabs={[
{ label: 'Board', icon: 'ic_board', href: '#/' },
{ label: 'Discover', icon: 'ic_discover', href: '#/discover' },
{ label: 'Library', icon: 'ic_library', href: '#/library' },
{ label: 'Calendar', icon: 'ic_calendar', href: '#/calendar' },
]}
searchBar={true}
userMenu={true}
/>
<MainNavBar />
<div className={styles['library-content']} />
</div>
);

14
src/routes/Search/Search.js
View file

@ -1,22 +1,12 @@
const React = require('react');
const { NavBar } = require('stremio-common');
const { MainNavBar } = require('stremio-common');
const styles = require('./styles');
class Search extends React.Component {
render() {
return (
<React.Fragment>
<NavBar
backButton={false}
tabs={[
{ label: 'Board', icon: 'ic_board', href: '#/' },
{ label: 'Discover', icon: 'ic_discover', href: '#/discover' },
{ label: 'Library', icon: 'ic_library', href: '#/library' },
{ label: 'Calendar', icon: 'ic_calendar', href: '#/calendar' },
]}
searchBar={true}
userMenu={true}
/>
<MainNavBar />
<div className={styles['search-container']} />
</React.Fragment>
);