toggle script

2 files changed, 9 insertions, 2 deletions

diff --git a/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js b/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
index a7f6d24..283f3cb 100644
--- a/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
+++ b/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import { connect } from 'react-redux'
 
 import {
-  EfluxLogo, EfluxClose, EfluxMenu
+  EfluxLogo, EfluxClose, TranscriptIcon
 } from './eflux.icons'
 import { PlayButton } from './viewer.icons'
 import actions from 'app/actions'
@@ -75,7 +75,7 @@ class EfluxChrome extends Component {
             onMouseLeave={() => this.handleMouseLeave('transcript')}
             onClick={() => actions.viewer.toggleComponent('transcript')}
           >
-            {EfluxMenu}
+            {TranscriptIcon}
           </div>
         </div>
         <div className={this.state.eflux ? "growl-tooltip tooltip-eflux hover" : "growl-tooltip tooltip-eflux"}>
diff --git a/animism-align/frontend/app/views/viewer/nav/eflux.icons.js b/animism-align/frontend/app/views/viewer/nav/eflux.icons.js
index 96e2b30..d983d4e 100644
--- a/animism-align/frontend/app/views/viewer/nav/eflux.icons.js
+++ b/animism-align/frontend/app/views/viewer/nav/eflux.icons.js
@@ -41,3 +41,10 @@ export const EfluxMenu = (
     </g>
   </svg>
 )
+
+export const TranscriptIcon = (
+  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+    <path d="M6.2,4.4v21.3h17.6V4.4H6.2z M22.5,24.4H7.5V5.6h15.1V24.4z M20.4,9.7H9.8V8.5h10.6V9.7z M20.4,13.6H9.8v-1.2h10.6V13.6z
+      M20.4,21.3H9.8V20h10.6V21.3z M20.4,17.4H9.8v-1.2h10.6V17.4z"/>
+  </svg>
+)
\ No newline at end of file