Updating .gitlab-ci.yml

src/index.jsx

@@ -1,18 +1,36 @@
-import React from 'react';
+import React, {Fragment} from 'react';
 import ReactDOM from 'react-dom';
-import {Main, NoRoute} from "./app";
 import {Search} from './components/Search';
 import {Router} from "@reach/router";
+import SearchBar from "./components/SearchBar";
 
 import './styles/reset.css';
 import './styles/main.css';
+import {Nav} from "./components/Nav";
+
+const Main = () => (
+    <Fragment>
+        <Nav/>
+        <h1>Busca la musica que te gusta!</h1>
+        <SearchBar/>
+    </Fragment>
+)
+
+const NoRoute = () => (
+    <div>
+        <h1>Esa pagina no existe</h1>
+    </div>
+)
 
 const App = () => (
-    <Router>
-        <Main path='/'/>
-        <Search path='/search'/>
-        <NoRoute default/>
-    </Router>
+    <main>
+        <Nav/>
+        <Router>
+            <Main path='/'/>
+            <Search path='/search'/>
+            <NoRoute default/>
+        </Router>
+    </main>
 );
 
 ReactDOM.render(