Browse page, UI redesign, Websockets, Navigation, and more!

src/routes/BrowseRoute.js

@@ -0,0 +1,20 @@
+import React, { Component } from "react";
+import NavBar from "../components/NavBar";
+import BrowseComponent from "../components/BrowseComponent";
+import "../assets/stylesheets/app.scss";
+
+export default class BrowseRoute extends Component {
+  constructor(props) {
+    super(props);
+    document.title = "Browse";
+  }
+
+  render() {
+    return (
+      <div className="container">
+        <NavBar />
+        <BrowseComponent socketHandler={this.props.socketHandler} />
+      </div>
+    );
+  }
+}

src/routes/MapRoute.js

@@ -1,17 +1,19 @@
 import React, { Component } from "react";
 import NavBar from "../components/NavBar";
+import MapComponent from "../components/MapComponent";
 import "../assets/stylesheets/app.scss";
 
-export default class SearchRoute extends Component {
+export default class MapRoute extends Component {
   constructor(props) {
     super(props);
-    document.title = "ITR - Search";
+    document.title = "Map";
   }
 
   render() {
     return (
       <div className="container">
         <NavBar />
+        <MapComponent socketHandler={this.props.socketHandler} />
       </div>
     );
   }

src/routes/SettingsRoute.js

@@ -1,17 +1,19 @@
 import React, { Component } from "react";
 import NavBar from "../components/NavBar";
+import SettingsComponent from "../components/SettingsComponent";
 import "../assets/stylesheets/app.scss";
 
 export default class SettingsRoute extends Component {
   constructor(props) {
     super(props);
-    document.title = "ITR - Settings";
+    document.title = "Settings";
   }
 
   render() {
     return (
       <div className="container">
         <NavBar />
+        <SettingsComponent socketHandler={this.props.socketHandler} />
       </div>
     );
   }

src/routes/SummaryRoute.js

@@ -1,19 +1,19 @@
 import React, { Component } from "react";
 import NavBar from "../components/NavBar";
-import HomeComponent from "../components/HomeComponent";
+import SummaryComponent from "../components/SummaryComponent";
 import "../assets/stylesheets/app.scss";
 
 export default class HomeRoute extends Component {
   constructor(props) {
     super(props);
-    document.title = "ITR - Home";
+    document.title = "Summary";
   }
 
   render() {
     return (
       <div className="container">
         <NavBar />
-        <HomeComponent />
+        <SummaryComponent socketHandler={this.props.socketHandler} />
       </div>
     );
   }