transcript styling

1 files changed, 11 insertions, 0 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 039e5c8..a5e25dd 100644
--- a/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
+++ b/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
@@ -11,8 +11,15 @@ import { transcriptElementLookup } from './components'
 const noop = () => {}
 
 class Transcript extends Component {
+  constructor(props){
+    super(props)
+    this.handleClose = this.handleClose.bind(this)
+  }
   componentDidMount() {
   }
+  handleClose() {
+    actions.viewer.hideSection('transcript')
+  }
   render() {
     const { viewer } = this.props
     return (
@@ -24,6 +31,10 @@ class Transcript extends Component {
             onParagraphDoubleClick={noop}
           />
         </div>
+        <div
+          className='close'
+          onClick={this.handleClose}
+        />
       </div>
     )
   }