import React from "react"
import ReactDOM from "react-dom"
import createHistory from 'history/createBrowserHistory';
const history = createHistory();

import Navigation from "./components/Navigation"
import Discover from "./components/Discover"
import Post from "./components/Post"

class App extends React.Component {
  constructor(props) {
    super(props)
    this.navigate = this.navigate.bind(this);
    this.state = {
      location: history.location
    }
  }
  render() {
    return (
      <div className="wrapper">
        <Navigation onNavigate={this.navigate} />
        { location.pathname === "/" &&
        <Discover params={this.state.location.search} /> }
        { location.pathname === "/post" &&
        <Post /> }
      </div>
    )
  }  
  navigate(location) {
    console.log(location);    
    history.push(location);
    this.setState({location: location})
  }

}


ReactDOM.render(<App />, document.getElementById("wrapper"));