basic discover component implemented

src/routes/Discover/Discover.js

@@ -1,11 +1,26 @@
-import React, { Component } from 'react';
+const React = require('react');
+const { NavBar } = require('stremio-common');
+const styles = require('./styles');
 
-class Discover extends Component {
+class Discover extends React.Component {
     render() {
         return (
-            <div style={{ color: 'pink', paddingTop: 40 }}>You're on the Discover Tab</div>
+            <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}
+                />
+                <div className={styles['discover-container']} />
+            </React.Fragment>
         );
     }
 }
 
-export default Discover;
+module.exports = Discover;

src/routes/Discover/index.js

@@ -1,3 +1,3 @@
-import Discover from './Discover';
+const Discover = require('./Discover');
 
-export default Discover;
+module.exports = Discover;

src/routes/Discover/styles.less

@@ -0,0 +1,4 @@
+.discover-container {
+    background-color: var(--color-background);
+    height: 100%;
+}