import React, { Component } from 'react'
import { Route, Redirect, Switch } from "react-router-dom";

import StoryRoot from './routes/story/StoryRoot'
import StoryContentRoot from './routes/story-content/StoryContentRoot'
import LogsRoot from './routes/logs/LogsRoot'

export default class App extends Component {
  render() {
    return (
      <div className="App">
        <Switch>
          <Redirect exact path="/" to="/story/" />
          <Route path="/story/:id(S[0-9a-z]{15})" component={StoryContentRoot}/>
          <Route path="/story/" component={StoryRoot}/>
          <Route path="/logs/" component={LogsRoot}/>
        </Switch>
      </div>
    );
  }
}

/* See ./common/Menu.js to change the top navbar */