3 files changed, 6 insertions, 4 deletions
diff --git a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js
index be5818a..8825479 100644
--- a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js
+++ b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js
@@ -23,7 +23,7 @@ export const Paragraph = ({ paragraph, currentParagraph, currentAnnotation, onAn
   )
 }
 
-export const ParagraphHeader = ({ paragraph, currentParagraph, currentAnnotation, onAnnotationClick, onDoubleClick }) => {
+export const ParagraphHeading = ({ paragraph, currentParagraph, currentAnnotation, onAnnotationClick, onDoubleClick }) => {
   let className = currentParagraph ? 'header current' : 'header'
   const text = paragraph.annotations.map(annotation => annotation.text).join(' ')
   return (
diff --git a/animism-align/frontend/app/views/viewer/transcript/components/index.js b/animism-align/frontend/app/views/viewer/transcript/components/index.js
index 45b7d41..ee65641 100644
--- a/animism-align/frontend/app/views/viewer/transcript/components/index.js
+++ b/animism-align/frontend/app/views/viewer/transcript/components/index.js
@@ -1,7 +1,7 @@
 import React from 'react'
 
 import {
-  Paragraph, ParagraphHeader
+  Paragraph, ParagraphHeading
 } from './elementTypes.text'
 
 import {
@@ -16,7 +16,9 @@ export const transcriptElementLookup = {
   paragraph: React.memo(Paragraph),
   hidden: React.memo(Paragraph),
   blockquote: React.memo(Paragraph),
-  header: React.memo(ParagraphHeader),
+  section_heading: React.memo(ParagraphHeading),
+  heading_text: React.memo(ParagraphHeading),
+  header: React.memo(ParagraphHeading),
   video: React.memo(MediaVideo),
   image: React.memo(MediaImage),
 }
diff --git a/animism-align/frontend/app/views/viewer/viewer.actions.js b/animism-align/frontend/app/views/viewer/viewer.actions.js
index f8bc116..3d5fe49 100644
--- a/animism-align/frontend/app/views/viewer/viewer.actions.js
+++ b/animism-align/frontend/app/views/viewer/viewer.actions.js
@@ -21,7 +21,7 @@ export const loadSections = () => dispatch => {
   // loop over the annotations in time order. group the media found in each section.
   annotationOrder.forEach((annotation_id, i) => {
     const annotation = annotationLookup[annotation_id]
-    if (annotation.type === 'header') {
+    if (annotation.type === 'section_heading') {
       if (currentSection) {
         currentSection.mediaLabels = Object.keys(mediaLabels).join(', ')
         mediaLabels = {}