diff options
| -rw-r--r-- | animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js | 23 |
1 files changed, 15 insertions, 8 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js index 7ac5997..4f0ce71 100644 --- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js +++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js @@ -1,5 +1,7 @@ import React, { Component } from 'react' +import { MediaCitation } from '../components.media' + export const Intro = ({ paragraph, media, currentParagraph, currentAnnotation, onAnnotationClick }) => { let className = 'site-intro' const annotation = paragraph.annotations[0] @@ -16,14 +18,19 @@ export const Intro = ({ paragraph, media, currentParagraph, currentAnnotation, o lines = lines.concat(annotation.settings.subtitle.split(/<br[^>]*>/)) } return ( - <div - className='site-intro' - style={style} - > - <div className='inner'> - {lines.map((line, i) => ( - <span key={i} dangerouslySetInnerHTML={{ __html: line }} /> - ))} + <div> + <div + className='site-intro' + style={style} + > + <div className='inner'> + {lines.map((line, i) => ( + <span key={i} dangerouslySetInnerHTML={{ __html: line }} /> + ))} + </div> + </div> + <div className='media'> + <MediaCitation media={item} /> </div> </div> ) |