2 files changed, 4 insertions, 4 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/nav.parent.js b/animism-align/frontend/app/views/viewer/nav/nav.parent.js
index 62830bc..fb505c2 100644
--- a/animism-align/frontend/app/views/viewer/nav/nav.parent.js
+++ b/animism-align/frontend/app/views/viewer/nav/nav.parent.js
@@ -13,7 +13,7 @@ class NavParent extends Component {
       <div className="viewer-nav">
         <div className='nav-row main-nav'>
           <div className='nav-section-name'>
-            <span className="section-link link" onClick={() => actions.viewer.toggleSection('nav')}>
+            <span className="section-link link" onClick={() => actions.viewer.toggleComponent('nav')}>
               <Arrow type={viewer.nav ? 'down' : 'up'} />
               <span>
                 {ROMAN_NUMERALS[0]}
diff --git a/animism-align/frontend/app/views/viewer/nav/viewer.router.js b/animism-align/frontend/app/views/viewer/nav/viewer.router.js
index e352af5..75aaed7 100644
--- a/animism-align/frontend/app/views/viewer/nav/viewer.router.js
+++ b/animism-align/frontend/app/views/viewer/nav/viewer.router.js
@@ -12,13 +12,13 @@ class ViewerRouter extends Component {
     // console.log(this.props.match.params.component)
     switch (this.props.match.params.component) {
       case 'transcript':
-        actions.viewer.showSection('transcript')
+        actions.viewer.showComponent('transcript')
         break
       case 'nav':
-        actions.viewer.showSection('nav')
+        actions.viewer.showComponent('nav')
         break
       case 'checklist':
-        actions.viewer.showSection('checklist')
+        actions.viewer.showComponent('checklist')
         break
       case 'fullscreenImage':
         break