Detail base

src/routes/BrowseRoute.js

@@ -13,7 +13,7 @@ export default class BrowseRoute extends Component {
     return (
       <div className="container">
         <NavBar />
-        <BrowseComponent socketHandler={this.props.socketHandler} />
+        <BrowseComponent socket={this.props.socket} />
       </div>
     );
   }

src/routes/CableDetailRoute.js

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

src/routes/MapRoute.js

@@ -13,7 +13,7 @@ export default class MapRoute extends Component {
     return (
       <div className="container">
         <NavBar />
-        <MapComponent socketHandler={this.props.socketHandler} />
+        <MapComponent socketHandler={this.props.socket} />
       </div>
     );
   }

src/routes/SettingsRoute.js

@@ -13,7 +13,7 @@ export default class SettingsRoute extends Component {
     return (
       <div className="container">
         <NavBar />
-        <SettingsComponent socketHandler={this.props.socketHandler} />
+        <SettingsComponent socketHandler={this.props.socket} />
       </div>
     );
   }

src/routes/SummaryRoute.js

@@ -13,7 +13,7 @@ export default class HomeRoute extends Component {
     return (
       <div className="container">
         <NavBar />
-        <SummaryComponent socketHandler={this.props.socketHandler} />
+        <SummaryComponent socketHandler={this.props.socket} />
       </div>
     );
   }