From 6a72ee5a0d6eabc2540e5e472375dd6bbe368ea4 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Mon, 13 May 2019 10:14:38 +0300
Subject: [PATCH] sample Library component implemented

---
 src/routes/Library/Library.js  | 23 +++++++++++++++++++----
 src/routes/Library/index.js    |  4 ++--
 src/routes/Library/styles.less |  4 ++++
 3 files changed, 25 insertions(+), 6 deletions(-)
 create mode 100644 src/routes/Library/styles.less

diff --git a/src/routes/Library/Library.js b/src/routes/Library/Library.js
index 9c41faf0b..4562a6220 100644
--- a/src/routes/Library/Library.js
+++ b/src/routes/Library/Library.js
@@ -1,11 +1,26 @@
-import React, { Component } from 'react';
+const React = require('react');
+const { NavBar } = require('stremio-common');
+const styles = require('./styles');
 
-class Library extends Component {
+class Library extends React.Component {
     render() {
         return (
-            <div style={{ color: 'pink', paddingTop: 40 }}>You're on the Library 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['library-container']} />
+            </React.Fragment>
         );
     }
 }
 
-export default Library;
+module.exports = Library;
diff --git a/src/routes/Library/index.js b/src/routes/Library/index.js
index d7a827977..b1209f8da 100644
--- a/src/routes/Library/index.js
+++ b/src/routes/Library/index.js
@@ -1,3 +1,3 @@
-import Library from './Library';
+const Library = require('./Library');
 
-export default Library;
+module.exports = Library;
diff --git a/src/routes/Library/styles.less b/src/routes/Library/styles.less
new file mode 100644
index 000000000..2648176b9
--- /dev/null
+++ b/src/routes/Library/styles.less
@@ -0,0 +1,4 @@
+.library-container {
+    background-color: var(--color-background);
+    height: 100%;
+}
\ No newline at end of file