break out fullscreen form. refactor heading

2 files changed, 5 insertions, 3 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),
 }