Merge pull request #45 from codetapacademy/feat/add-top-menu

feat: add an ugly menu to the top

src/component/home/home.component.jsx

@@ -0,0 +1,5 @@
+import React from 'react'
+
+const Home = () => <h1>Info about course released, mentoring and much more</h1>
+
+export default Home

src/component/home/index.js

@@ -0,0 +1 @@
+export { default } from './home.component'

src/component/section-panel/section-panel.component.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const SectionPanel = () => {
+  return (
+    <div>Daca vrem!</div>
+  )
+}
+
+export default SectionPanel

src/component/top-menu/index.js

@@ -0,0 +1 @@
+export { default } from './top-menu.component'

src/component/top-menu/top-menu.component.jsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import { Link } from '@reach/router'
+
+const TopMenu = () => {
+  return (
+    <div>
+      <Link to="/">Home</Link>
+      <Link to="/dashboard">Dashboard</Link>
+      <button>Log in</button>
+    </div>
+  )
+}
+
+export default TopMenu

src/component/web-info/web-info.component.jsx

@@ -1,11 +1,17 @@
 import React from 'react'
-import CoursePanel from '../course-panel';
+import CoursePanel from '../course-panel'
+import TopMenu from '../top-menu'
+import { Router } from '@reach/router'
+import Home from '../home';
 
 const WebInfo = () => {
   return (
     <div>
-      <h1>Info about course released, mentoring and much more</h1>
-      <CoursePanel />
+      <TopMenu />
+      <Router>
+        <Home path="/" />
+        <CoursePanel path="dashboard" />
+      </Router>
     </div>
   )
 }