import React, { Component } from 'react'
import { ConnectedRouter } from 'connected-react-router'
import { Route, Switch } from 'react-router'

import { Header, Footer } from './common'
import * as Paper from './paper'

export default class App extends Component {
  render() {
    return (
      <ConnectedRouter history={this.props.history}>
        <div>
          <Header />
          <div className='app'>
            <div className='body'>
              <Route path="/paper/:key/" component={Paper.Manager} />
              <Switch>
                <Route exact path="/paper/:key/" component={Paper.Random} />
                <Route exact path="/paper/:key/citations/" component={Paper.Citations} />
                <Route exact path="/paper/:key/unknown/" component={Paper.UnknownCitations} />
                <Route exact path="/paper/:key/info/" component={Paper.Info} />
                <Route exact path="/paper/:key/random/" component={Paper.Random} />
                <Route exact path="/paper/:key/address/:sha256" component={Paper.Address} />
              </Switch>
            </div>
          </div>
          <Footer />
        </div>
      </ConnectedRouter>
    )
  }
}
// <Route path="/search/" component={Search.Menu} />
// <Route path="/metadata/:hash/" component={Metadata.Heading} />
// <Switch>
//   <Route exact path="/metadata/:hash/summary/" component={Metadata.Summary} />
//   <Route exact path="/metadata/:hash/mediaRecord/" component={Metadata.MediaRecord} />
//   <Route exact path="/metadata/:hash/mediaInfo/" component={Metadata.MediaInfo} />
//   <Route exact path="/metadata/:hash/keyframe/:frame/" component={Metadata.KeyframeSingle} />
//   <Route exact path="/metadata/:hash/keyframe/" component={Metadata.KeyframeList} />
//   <Route exact path="/metadata/:hash/coco/" component={Metadata.Coco} />
//   <Route exact path="/metadata/:hash/places365/" component={Metadata.Places365} />
//   <Route exact path="/metadata/:hash/sugarcube/" component={Metadata.Sugarcube} />
//   <Route exact path="/metadata/:hash/" component={Metadata.Summary} />
//   <Route exact path="/metadata/" render={() => <div className='notFound'><h4>NOT FOUND</h4></div>} />
//   <Route exact path="/search/" component={Search.Container} />
//   <Route exact path="/search/keyframe/:verified/:hash/:frame/" component={Search.Container} />
//   <Route exact path="/search/keyframe/:hash/:frame/" component={Search.Container} />
//   <Route exact path="/search/browse/:hash/" component={Search.Browse} />
//   <Route exact path="/search/random/" component={Search.Random} />
//   <Route exact path="/search/review/" component={Review.Saved} />
// </Switch>