From 2aad507650fa3263ef81be759ab0531b43e5b7cc Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 27 Jul 2020 15:44:29 +0200
Subject: annotation form for curtain events. refactor utilities

---
 .../app/views/viewer/transcript/transcript.container.js      | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

(limited to 'animism-align/frontend/app/views/viewer/transcript/transcript.container.js')

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 => ({
-- 
cgit v1.2.3-70-g09d2