updates routes

Author: hafidz

client/src/components/App.js

@@ -1,15 +1,26 @@
 import React from 'react'
+import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'
 
 import Popular from './Popular.js'
+import Battle from './Battle.js'
+import Home from './Home.js'
+import Nav from './Nav.js'
+
+const App = props =>
+     (
+      <Router>
+        <div className='app'>
+          <Nav />
+          
+          <Switch>
+            <Route exact path='/' component={Home}/>
+            <Route path ='/battle' component={Battle} />
+            <Route path ='/popular' component={Popular} />
+            <Route render={() => <p>NOT FOUND</p>} />
+          </Switch>
+        </div>
+      </Router>
+	)
 
-class App extends React.Component {
-	render() {
-		return (
-			<div className="popular">
-				<Popular />
-			</div>
-			)
-	}
-}
 
 export default App