text: import React, { Component } from 'react';
  import { BrowserRouter, Route, Switch } from "react-router-dom";
  import Helmet from 'react-helmet';
  import Landing from './Landing';
  import Owner from './Owner';
  import Join from './Join';
  import Ingame from './Ingame';
  import Header from './includes/Header';
  import io from 'socket.io-client';
  
  const socket = io('reactify-socketserver.herokuapp.com');
  //const socket = io('localhost:5000');
  function OwnerPage(){
    return  <Owner socket={socket}/>
    
  };
  function JoinPage(){
    return <Join socket={socket}/>
  }
  function IngamePage(){
    return <Ingame socket={socket}/>
  }
  class App extends Component {
     
    render() {
     
      return (
        <div className="height100">
        <Helmet bodyAttributes={{style: 'background-color : #fff3e0'}}/>
        <BrowserRouter>
        <div >
          <Header />
          <Switch>
          <Route exact path="/" component={Landing} />
          <Route path="/owner" component={OwnerPage} />
          <Route path="/join" component={JoinPage}/>
          <Route path="/ingame" component={IngamePage}/>
          </Switch>
        </div>
        </BrowserRouter>
        </div>
      );
    }
  }
  
  export default App;
  