display transcript with custom renderer

1 files changed, 8 insertions, 2 deletions

diff --git a/animism-align/frontend/app/views/viewer/viewer.container.js b/animism-align/frontend/app/views/viewer/viewer.container.js
index ff68c4c..64fc915 100644
--- a/animism-align/frontend/app/views/viewer/viewer.container.js
+++ b/animism-align/frontend/app/views/viewer/viewer.container.js
@@ -8,7 +8,8 @@ import './viewer.css'
 import actions from 'app/actions'
 import { Loader } from 'app/common'
 
-import ViewerRouter from './containers/viewer.router'
+import Transcript from './transcript/transcript.container'
+import ViewerRouter from './nav/viewer.router'
 
 class ViewerContainer extends Component {
   constructor(props) {
@@ -49,6 +50,7 @@ class ViewerContainer extends Component {
     }
     return (
       <div className='viewer body'>
+        <Transcript />
         <Route exact path='/viewer/:component/' component={ViewerRouter} />
       </div>
     )
@@ -56,7 +58,11 @@ class ViewerContainer extends Component {
 }
 
 const mapStateToProps = state => ({
-  loaded: !!state.annotation.lookup && !!state.paragraph.lookup && !!state.media.lookup
+  loaded: (
+    !!state.annotation.index.lookup &&
+    !!state.paragraph.index.lookup &&
+    !!state.media.index.lookup
+  )
 })
 
 const mapDispatchToProps = dispatch => ({