diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-07-23 22:43:31 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-07-23 22:43:31 +0200 |
| commit | 599d3e0758d6f1a3cf5ce69cfc03eab484c3ff17 (patch) | |
| tree | c3261bfd30b97acbc9249c850237fa1a5e714bc7 /animism-align/frontend/app/views/viewer/nav/viewer.sections.js | |
| parent | a5c50ac4927d82aca8cba56b159e68f1528407b7 (diff) | |
styling the sections
Diffstat (limited to 'animism-align/frontend/app/views/viewer/nav/viewer.sections.js')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/nav/viewer.sections.js | 40 |
1 files changed, 0 insertions, 40 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/viewer.sections.js b/animism-align/frontend/app/views/viewer/nav/viewer.sections.js deleted file mode 100644 index 76402e8..0000000 --- a/animism-align/frontend/app/views/viewer/nav/viewer.sections.js +++ /dev/null @@ -1,40 +0,0 @@ -import React, { Component } from 'react' -// import { Link } from 'react-router-dom' -import { connect } from 'react-redux' - -import actions from 'app/actions' -import { Arrow } from './viewer.icons' -import ViewerSectionsNav from './viewer.sections.nav' -import { ROMAN_NUMERALS } from 'app/constants' -import { thumbnailURL } from 'app/views/align/align.util' - -class ViewerSections extends Component { - componentDidMount() { - } - - render() { - const { sections } = this.props - return ( - <div className="viewer-sections"> - {sections.map(section => { - console.log(section) - return ( - <div className="viewer-section" key={section.index}> - <div className="section-thumbnail" style={{ - backgroundImage: section.media.length && 'url(' + thumbnailURL(section.media[0]) + ')', - }}/> - {ROMAN_NUMERALS[section.index]}: {section.title} - </div> - ) - })} - <ViewerSectionsNav /> - </div> - ) - } -} - -const mapStateToProps = state => ({ - sections: state.viewer.sections, -}) - -export default connect(mapStateToProps)(ViewerSections) |
