animism-align/frontend/app/views/editor/editor.container.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

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

import EditorGate from 'app/views/editor/editor.gate'
import AlignContainer from 'app/views/editor/align/align.container'
import ParagraphContainer from 'app/views/editor/paragraph/paragraph.container'
import MediaContainer from 'app/views/editor/media/media.container'
import OverviewContainer from 'app/views/editor/overview/overview.container'
import ViewerContainer from 'app/views/viewer/viewer.container'

export default class Router extends Component {
  render() {
    console.log(this.props.match.params)
    return (
      <EditorGate episode_id={this.props.match.params.episode_id}>
        <Route path={"/editor/:episode_id/timeline/"} component={AlignContainer} />
        <Route path={"/editor/:episode_id/transcript/"} component={ParagraphContainer} />
        <Route path={"/editor/:episode_id/media/"} component={MediaContainer} />
        <Route path={"/editor/:episode_id/viewer/"} component={ViewerContainer} />
        <Route path={"/editor/:episode_id/"} exact component={OverviewContainer} />
      </EditorGate>
    )
  }
}