gistfile1.txt

// App component
router() {
    let path = location.pathname.split('/')[1] || '/'

    switch(path) {
      case '/': return <Page />
      case 'barcelona': return <Page />
      case 'madrid': return <Page />
      case 'activities': return <Page />
      case 'trips': return <Page />
      default: return <NotFound />
    }
  }

  render () {

    return (<div>{this.router()}</div>)
  }
  
  // Page component
  router() {
    let path = location.pathname.split('/')[1] || '/'

    switch(path) {
      case '/': return <Home />
      case 'trips': return <Trips />
      case 'activities': return <Activities />
    }

    path = location.pathname.split('/')[2] || '/'

    switch(path) {
      case '/': return <Home />
      case 'trips': return <Trips />
      case 'activities': return <Activities />
      default: return <NotFound />
    }
  }

  render() {
    return (
      <div>
        <Status status={this.props.status}/>
        <Header />

        {this.router()}

        <Footer />
      </div>
    )
  }
  
  // Trips component
  router() {

    if(location.pathname.split('/')[3]) {
      return <Trip />
    }

    let path = location.pathname.split('/')[2] || '/'

    switch(path) {
      case '/': return <div>Trip list</div>
      case 'trips': return <div>Trip list</div>
      default: return <Trip />
    }
  }

  render() {
    return this.router()
  }