simple search route implemented

src/app/app.js

@@ -9,7 +9,7 @@ class App extends PureComponent {
             <div className={styles['app']}>
                 <BrowserRouter>
                     <Switch>
-                        <Route path={'/(discover|library|calendar)?'} exact={true} component={Main} />
+                        <Route path={'/(discover|library|calendar|search)?'} exact={true} component={Main} />
                         <Route path={'/addons'} component={Addons} />
                         <Redirect to={'/'} />
                     </Switch>

src/routes/Main/Main.js

@@ -5,6 +5,7 @@ import Board from '../Board';
 import Discover from '../Discover';
 import Library from '../Library';
 import Calendar from '../Calendar';
+import Search from '../Search';
 import styles from './styles';
 
 class Main extends Component {
@@ -24,6 +25,7 @@ class Main extends Component {
                     <Route path={'/discover'} component={Discover} />
                     <Route path={'/library'} component={Library} />
                     <Route path={'/calendar'} component={Calendar} />
+                    <Route path={'/search'} component={Search} />
                 </Switch>
             </div>
         );

src/routes/Search/Search.js

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

src/routes/Search/index.js

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