annotation form for curtain events. refactor utilities

3 files changed, 13 insertions, 3 deletions

diff --git a/animism-align/frontend/app/views/viewer/checklist/checklist.content.js b/animism-align/frontend/app/views/viewer/checklist/checklist.content.js
index 842947f..e4e47ec 100644
--- a/animism-align/frontend/app/views/viewer/checklist/checklist.content.js
+++ b/animism-align/frontend/app/views/viewer/checklist/checklist.content.js
@@ -4,7 +4,7 @@ import { connect } from 'react-redux'
 import actions from 'app/actions'
 import { ROMAN_NUMERALS } from 'app/constants'
 import { pad } from 'app/utils'
-import { thumbnailURL } from 'app/views/align/align.util'
+import { thumbnailURL } from 'app/utils/annotation.utils'
 import { PlayIcon } from '../nav/viewer.icons'
 
 class ChecklistContent extends Component {
diff --git a/animism-align/frontend/app/views/viewer/sections/viewer.sections.js b/animism-align/frontend/app/views/viewer/sections/viewer.sections.js
index 5cf40eb..cd5b4f0 100644
--- a/animism-align/frontend/app/views/viewer/sections/viewer.sections.js
+++ b/animism-align/frontend/app/views/viewer/sections/viewer.sections.js
@@ -5,7 +5,7 @@ import { connect } from 'react-redux'
 import actions from 'app/actions'
 import ViewerSectionsNav from './viewer.sections.nav'
 import { ROMAN_NUMERALS } from 'app/constants'
-import { thumbnailURL } from 'app/views/align/align.util'
+import { thumbnailURL } from 'app/utils/annotation.utils'
 
 class ViewerSections extends Component {
   componentDidMount() {
diff --git a/animism-align/frontend/app/views/viewer/transcript/transcript.container.js b/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
index d3d3e9f..c48af47 100644
--- a/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
+++ b/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
@@ -15,21 +15,30 @@ class Transcript extends Component {
     this.handleAnnotationClick = this.handleAnnotationClick.bind(this)
     this.handleParagraphDoubleClick = this.handleParagraphDoubleClick.bind(this)
   }
+
+  componentDidMount() {
+    actions.transcript.buildParagraphs()
+  }
+
   handleAnnotationClick(e, annotation) {
     console.log(annotation)
   }
+  
   handleParagraphDoubleClick(e, paragraph) {
     return
   }
+  
   handleClose() {
     actions.viewer.hideSection('transcript')
   }
+
   render() {
-    const { viewer } = this.props
+    const { viewer, paragraphs } = this.props
     return (
       <div className="transcript">
         <div className='content'>
           <ParagraphList
+            paragraphs={paragraphs}
             paragraphElementLookup={transcriptElementLookup}
             onAnnotationClick={this.handleAnnotationClick}
             onParagraphDoubleClick={this.handleParagraphDoubleClick}
@@ -49,6 +58,7 @@ class Transcript extends Component {
 
 const mapStateToProps = state => ({
   viewer: state.viewer,
+  paragraphs: state.paragraph.paragraphs,
 })
 
 const mapDispatchToProps = dispatch => ({