fix bug where annotations wouldnt update if start_ts == 0

6 files changed, 10 insertions, 9 deletions

diff --git a/animism-align/frontend/app/views/align/components/annotations/annotation.form.js b/animism-align/frontend/app/views/align/components/annotations/annotation.form.js
index 7d66272..f4620bc 100644
--- a/animism-align/frontend/app/views/align/components/annotations/annotation.form.js
+++ b/animism-align/frontend/app/views/align/components/annotations/annotation.form.js
@@ -16,7 +16,9 @@ import {
 } from './annotationForms'
 
 const ANNOTATION_TYPES = [
-  'sentence', 'header', 'paragraph_end', 'video', 'image', 'image_carousel',
+  'sentence', 'header', 'paragraph_end',
+  'video',
+  'image', 'image_carousel',
 ].map(name => ({ name, label: capitalize(name.replace('_', ' ')) }))
 
 class AnnotationForm extends Component {
@@ -110,7 +112,6 @@ class AnnotationForm extends Component {
   }
   render() {
     const { timeline, annotation, media } = this.props
-    if (!annotation.start_ts) return <div></div>
     return (
       <div
         className='annotationForm'
diff --git a/animism-align/frontend/app/views/align/containers/annotations.container.js b/animism-align/frontend/app/views/align/containers/annotations.container.js
index e199bd6..9c12f9a 100644
--- a/animism-align/frontend/app/views/align/containers/annotations.container.js
+++ b/animism-align/frontend/app/views/align/containers/annotations.container.js
@@ -18,10 +18,11 @@ class Annotations extends Component {
     super(props)
   }
   render() {
+    console.log(this.props.annotation)
     return (
       <div className='annotations'>
         <AnnotationIndex />
-        {this.props.annotation.start_ts &&
+        {this.props.annotation.id &&
           <AnnotationForm />
         }
       </div>
diff --git a/animism-align/frontend/app/views/site/site.actions.js b/animism-align/frontend/app/views/site/site.actions.js
index 90e7249..b200f32 100644
--- a/animism-align/frontend/app/views/site/site.actions.js
+++ b/animism-align/frontend/app/views/site/site.actions.js
@@ -10,10 +10,9 @@ export const loadProject = () => dispatch => {
     actions.paragraph.index(),
     actions.media.index(),
   ]).then(() => {
-    console.log(arguments)
     actions.viewer.loadSections()
   }).catch(err => {
-    console.error(err)
+    // console.error(err)
   })
 }
 
diff --git a/animism-align/frontend/app/views/viewer/nav/viewer.nav.js b/animism-align/frontend/app/views/viewer/nav/viewer.nav.js
index a0a9a1a..ab268a4 100644
--- a/animism-align/frontend/app/views/viewer/nav/viewer.nav.js
+++ b/animism-align/frontend/app/views/viewer/nav/viewer.nav.js
@@ -16,7 +16,7 @@ class ViewerNav extends Component {
       <div className="viewer-nav">
         <div className='nav-row main-nav'>
           <div>
-            <span className="section-link link">
+            <span className="section-link link" onClick={() => actions.viewer.showSection('sections')}>
               <Arrow type={'up'} />
               {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..93305cc 100644
--- a/animism-align/frontend/app/views/viewer/nav/viewer.router.js
+++ b/animism-align/frontend/app/views/viewer/nav/viewer.router.js
@@ -14,8 +14,8 @@ class ViewerRouter extends Component {
       case 'transcript':
         actions.viewer.showSection('transcript')
         break
-      case 'nav':
-        actions.viewer.showSection('nav')
+      case 'sections':
+        actions.viewer.showSection('sections')
         break
       case 'checklist':
         actions.viewer.showSection('checklist')
diff --git a/animism-align/frontend/app/views/viewer/nav/viewer.sections.nav.js b/animism-align/frontend/app/views/viewer/nav/viewer.sections.nav.js
index dcccfd5..f4ab93a 100644
--- a/animism-align/frontend/app/views/viewer/nav/viewer.sections.nav.js
+++ b/animism-align/frontend/app/views/viewer/nav/viewer.sections.nav.js
@@ -27,7 +27,7 @@ class ViewerSectionsNav extends Component {
             </span>
           </div>
           <div>
-            <span className="transcript-link link">
+            <span className="transcript-link link" onClick={() => actions.viewer.showSection('transcript')}>
               {'Transcript'}
             </span>
           </div>