From 2b14723d7b4e495a465049acec6838a6bbd907a8 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 22 Jul 2020 18:28:07 +0200
Subject: display transcript with custom renderer

---
 .../viewer/transcript/transcript.container.js      | 40 ++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 animism-align/frontend/app/views/viewer/transcript/transcript.container.js

(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
new file mode 100644
index 0000000..039e5c8
--- /dev/null
+++ b/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
@@ -0,0 +1,40 @@
+import React, { Component } from 'react'
+// import { Link } from 'react-router-dom'
+// import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+
+import actions from 'app/actions'
+
+import ParagraphList from 'app/views/paragraph/components/paragraph.list'
+import { transcriptElementLookup } from './components'
+
+const noop = () => {}
+
+class Transcript extends Component {
+  componentDidMount() {
+  }
+  render() {
+    const { viewer } = this.props
+    return (
+      <div className={viewer.transcript ? "transcript visible" : "transcript"}>
+        <div className='content'>
+          <ParagraphList
+            paragraphElementLookup={transcriptElementLookup}
+            onAnnotationClick={noop}
+            onParagraphDoubleClick={noop}
+          />
+        </div>
+      </div>
+    )
+  }
+}
+
+const mapStateToProps = state => ({
+  viewer: state.viewer,
+})
+
+const mapDispatchToProps = dispatch => ({
+  // uploadActions: bindActionCreators({ ...uploadActions }, dispatch),
+})
+
+export default connect(mapStateToProps, mapDispatchToProps)(Transcript)
-- 
cgit v1.2.3-70-g09d2