diff options
Diffstat (limited to 'animism-align/frontend/app/views/viewer/nav/viewer.nav.js')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/nav/viewer.nav.js | 53 |
1 files changed, 0 insertions, 53 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/viewer.nav.js b/animism-align/frontend/app/views/viewer/nav/viewer.nav.js deleted file mode 100644 index 4310017..0000000 --- a/animism-align/frontend/app/views/viewer/nav/viewer.nav.js +++ /dev/null @@ -1,53 +0,0 @@ -import React, { Component } from 'react' -// import { Link } from 'react-router-dom' -import { connect } from 'react-redux' - -import actions from 'app/actions' -import { ROMAN_NUMERALS } from 'app/constants' -import { Arrow, VolumeControl, PlayButton, PlayerTime } from './viewer.icons' - -class ViewerNav extends Component { - componentDidMount() { - } - - render() { - const { viewer } = this.props - return ( - <div className="viewer-nav"> - <div className='nav-row main-nav'> - <div> - <span className="section-link link" onClick={() => actions.viewer.toggleSection('nav')}> - <Arrow type={viewer.nav ? 'down' : 'up'} /> - {ROMAN_NUMERALS[0]} - {'. '} - {'Introduction'} - </span> - </div> - <div> - <PlayButton /> - <PlayerTime /> - <VolumeControl /> - </div> - <div> - <span className="next-link link"> - Next - <Arrow type={'right'} /> - </span> - </div> - </div> - </div> - ) - } -} - -const mapStateToProps = state => ({ - viewer: state.viewer, -}) - -export default connect(mapStateToProps)(ViewerNav) - -/* -- section name, number -- next link -- player -*/ |
