From aa63bd2d0d6d26fa4ce4247794c7d523573c15cb Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 9 Sep 2020 14:55:47 +0200
Subject: citation on intro image

---
 .../player/components.inline/inline.utility.js     | 23 ++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

(limited to 'animism-align/frontend/app')

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>
   )
-- 
cgit v1.2.3-70-g09d2