convoluted forms of UI click logic

1 files changed, 13 insertions, 2 deletions

diff --git a/animism-align/frontend/app/views/viewer/viewer.actions.js b/animism-align/frontend/app/views/viewer/viewer.actions.js
index 5fb2e8f..b7490b5 100644
--- a/animism-align/frontend/app/views/viewer/viewer.actions.js
+++ b/animism-align/frontend/app/views/viewer/viewer.actions.js
@@ -225,6 +225,18 @@ export const hideComponent = key => dispatch => {
   dispatch({ type: types.viewer.toggle_component, key, value: false })
 }
 
+export const showNavComponent = key => dispatch => {
+  dispatch({ type: types.viewer.toggle_nav_component, key, value: true })
+}
+
+export const hideNavComponent = key => dispatch => {
+  dispatch({ type: types.viewer.toggle_nav_component, key, value: false })
+}
+
+export const toggleNavComponent = key => dispatch => {
+  dispatch({ type: types.viewer.toggle_nav_component, key, value: !store.getState().viewer[key] })
+}
+
 export const toggleComponent = key => dispatch => {
   const state = store.getState().viewer
   if (key !== "share" && state.share) {
@@ -234,8 +246,7 @@ export const toggleComponent = key => dispatch => {
 }
 
 export const openTranscript = () => dispatch => {
-  actions.viewer.hideComponent('checklist')
-  actions.viewer.hideComponent('share')
+  actions.viewer.hideNavComponent('share')
   actions.viewer.toggleComponent('transcript')
 }