citation on intro image

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>
   )