fixing heights of carousels. set media title from fullscreen video

1 files changed, 9 insertions, 12 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.text.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.text.js
index 18b026f..d978465 100644
--- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.text.js
+++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.text.js
@@ -56,27 +56,24 @@ export const Pullquote = ({ paragraph, currentParagraph, currentAnnotation, onAn
   )
 }
 
-export const SectionHeading = ({ paragraph, currentParagraph, currentAnnotation, onAnnotationClick }) => {
+export const SectionHeading = ({ paragraph }) => {
   if (paragraph.hidden) return null
-  let className = currentParagraph ? 'section_heading current' : 'section_heading'
-  const text = paragraph.annotations.map(annotation => annotation.text).join(' ')
   return (
-    <div
-      className={className}
-    >
-      <span>{ROMAN_NUMERALS[paragraph.sectionIndex]}{'. '}{text}</span>
+    <div className='section_heading'>
+      <span>
+        {ROMAN_NUMERALS[paragraph.sectionIndex]}
+        {'. '}
+        {paragraph.annotations[0].text}
+      </span>
     </div>
   )
 }
 
-export const HeadingText = ({ paragraph, currentParagraph, currentAnnotation, onAnnotationClick }) => {
+export const HeadingText = ({ paragraph }) => {
   if (paragraph.hidden) return null
-  let className = currentParagraph ? 'section_heading current' : 'section_heading'
   const text = paragraph.annotations.map(annotation => annotation.text).join(' ')
   return (
-    <div
-      className={className}
-    >
+    <div className='section_heading'>
       <span>{text}</span>
     </div>
   )