route components moved in routes dir

src/app/app.js

@@ -1,13 +1,9 @@
 import React, { Component } from 'react';
 import { BrowserRouter, Switch, Route, Redirect } from 'react-router-dom';
+import { Board, Discover, Library, Calendar } from 'stremio-routes';
 import NavBar from './NavBar';
 import styles from './styles';
 
-const Board = () => <div style={{ color: 'pink', paddingTop: 40 }}>You're on the Board Tab</div>;
-const Discover = () => <div style={{ color: 'pink', paddingTop: 40 }}>You're on the Discover Tab</div>;
-const Library = () => <div style={{ color: 'pink', paddingTop: 40 }}>You're on the Library Tab</div>;
-const Calendar = () => <div style={{ color: 'pink', paddingTop: 40 }}>You're on the Calendar Tab</div>;
-
 class App extends Component {
     render() {
         return (

src/routes/Board/Board.js

@@ -0,0 +1,11 @@
+import React, { Component } from 'react';
+
+class Board extends Component {
+    render() {
+        return (
+            <div style={{ color: 'pink', paddingTop: 40 }}>You're on the Board Tab</div>
+        );
+    }
+}
+
+export default Board;

src/routes/Board/index.js

@@ -0,0 +1,3 @@
+import Board from './Board';
+
+export default Board;

src/routes/Calendar/Calendar.js

@@ -0,0 +1,11 @@
+import React, { Component } from 'react';
+
+class Calendar extends Component {
+    render() {
+        return (
+            <div style={{ color: 'pink', paddingTop: 40 }}>You're on the Calendar Tab</div>
+        );
+    }
+}
+
+export default Calendar;

src/routes/Calendar/index.js

@@ -0,0 +1,3 @@
+import Calendar from './Calendar';
+
+export default Calendar;

src/routes/Discover/Discover.js

@@ -0,0 +1,11 @@
+import React, { Component } from 'react';
+
+class Discover extends Component {
+    render() {
+        return (
+            <div style={{ color: 'pink', paddingTop: 40 }}>You're on the Discover Tab</div>
+        );
+    }
+}
+
+export default Discover;

src/routes/Discover/index.js

@@ -0,0 +1,3 @@
+import Discover from './Discover';
+
+export default Discover;

src/routes/Library/Library.js

@@ -0,0 +1,11 @@
+import React, { Component } from 'react';
+
+class Library extends Component {
+    render() {
+        return (
+            <div style={{ color: 'pink', paddingTop: 40 }}>You're on the Library Tab</div>
+        );
+    }
+}
+
+export default Library;

src/routes/Library/index.js

@@ -0,0 +1,3 @@
+import Library from './Library';
+
+export default Library;

src/routes/index.js

@@ -0,0 +1,11 @@
+import Board from './Board';
+import Discover from './Discover';
+import Library from './Library';
+import Calendar from './Calendar';
+
+export {
+    Board,
+    Discover,
+    Library,
+    Calendar
+};