From 2aa9ed562116225b155f8dec5616cf06c82ac446 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 2 Oct 2020 15:40:13 +0200
Subject: convoluted forms of UI click logic

---
 animism-align/frontend/app/views/viewer/sections/sections.css  |  3 +++
 .../frontend/app/views/viewer/sections/viewer.sections.nav.js  | 10 +++++-----
 .../app/views/viewer/sections/viewer.sections.share.js         |  2 +-
 .../app/views/viewer/sections/viewer.sections.subscribe.js     |  2 +-
 4 files changed, 10 insertions(+), 7 deletions(-)

(limited to 'animism-align/frontend/app/views/viewer/sections')

diff --git a/animism-align/frontend/app/views/viewer/sections/sections.css b/animism-align/frontend/app/views/viewer/sections/sections.css
index b357efe..9e3bcda 100644
--- a/animism-align/frontend/app/views/viewer/sections/sections.css
+++ b/animism-align/frontend/app/views/viewer/sections/sections.css
@@ -50,6 +50,9 @@
   padding-left: 1rem;
   border-left: 1px solid white;
 }
+.sections-nav .checklist-element {
+  cursor: pointer;
+}
 
 /* scrolling part */
 
diff --git a/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js b/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js
index 56046c3..4506664 100644
--- a/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js
+++ b/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js
@@ -16,28 +16,28 @@ class ViewerSectionsNav extends Component {
           <div>
             <div className="share-link link">
               <ViewerSectionsShare />
-              <span onClick={() => actions.viewer.toggleComponent('share')}>
+              <span onClick={() => actions.viewer.showNavComponent('share')}>
                 <Arrow type={'up'} />
                 {'Share'}
               </span>
             </div>
             <div className="subscribe-link link">
               <ViewerSectionsSubscribe />
-              <span onClick={() => actions.viewer.toggleComponent('subscribe')}>
+              <span onClick={() => actions.viewer.showNavComponent('subscribe')}>
                 <Arrow type={viewer.subscribe ? 'down' : 'up'} />
                 {'Subscribe'}
               </span>
             </div>
           </div>
-          <div>
-            <div className="checklist-link link" onClick={() => actions.viewer.toggleComponent('checklist')}>
+          <div className="checklist-element" onClick={() => actions.viewer.toggleNavComponent('checklist')}>
+            <div className="checklist-link link">
               <Arrow type={viewer.checklist ? 'down': 'up'} />
               {'Checklist'}
             </div>
           </div>
           <div>
             <div className="footnotes-link link">
-              <span onClick={() => actions.viewer.toggleComponent('footnotes')}>
+              <span onClick={() => actions.viewer.showNavComponent('footnotes')}>
                 <Arrow type={viewer.footnotes ? 'down' : 'up'} />
                 {'Footnotes'}
               </span>
diff --git a/animism-align/frontend/app/views/viewer/sections/viewer.sections.share.js b/animism-align/frontend/app/views/viewer/sections/viewer.sections.share.js
index 607d4d5..fbf496e 100644
--- a/animism-align/frontend/app/views/viewer/sections/viewer.sections.share.js
+++ b/animism-align/frontend/app/views/viewer/sections/viewer.sections.share.js
@@ -61,7 +61,7 @@ export default class ViewerSectionsShare extends Component {
             <span className="share-success">success</span>
           </div>
         </div>
-        <div className="nav-return" onClick={() => actions.viewer.hideComponent('share')}>
+        <div className="nav-return" onClick={() => actions.viewer.hideNavComponent('share')}>
           <Arrow type={'down'} />
           {'Share'}
         </div>
diff --git a/animism-align/frontend/app/views/viewer/sections/viewer.sections.subscribe.js b/animism-align/frontend/app/views/viewer/sections/viewer.sections.subscribe.js
index 24ccf99..4b7d848 100644
--- a/animism-align/frontend/app/views/viewer/sections/viewer.sections.subscribe.js
+++ b/animism-align/frontend/app/views/viewer/sections/viewer.sections.subscribe.js
@@ -11,7 +11,7 @@ export default class ViewerSectionsShare extends Component {
         <div>
           <SubscriptionForm />
         </div>
-        <div className="nav-return" onClick={() => actions.viewer.hideComponent('subscribe')}>
+        <div className="nav-return" onClick={() => actions.viewer.hideNavComponent('subscribe')}>
           <Arrow type={'down'} />
           {'Subscribe'}
         </div>
-- 
cgit v1.2.3-70-g09d2