import React, { Component } from 'react'

import './align.css'
import './components/annotations/annotation.form.css'
import './components/annotations/annotation.index.css'

import Timeline from 'app/views/editor/align/containers/timeline.container.js'
import Sidebar from 'app/views/editor/align/containers/sidebar.container.js'

class Container extends Component {
  componentDidMount() {
    document.body.scrollTo(0, 0)
    document.body.parentNode.scrollTo(0, 0)
  }
  render() {
    return (
      <div className='body alignmentEditor'>
        <div className='row'>
          <Timeline />
        </div>
        <Sidebar />
      </div>
    )
  }
}

export default Container