annotation form for curtain events. refactor utilities

1 files changed, 11 insertions, 1 deletions

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 => ({