From 609d04b1bc02a5ee57ec22cb49fc6f08b57f1deb Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 19 Aug 2020 15:50:55 +0200
Subject: intro background. setvolume

---
 .../views/viewer/player/components.inline/inline.utility.js  | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

(limited to 'animism-align/frontend/app/views/viewer/player/components.inline')

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 d185722..7ac5997 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
@@ -8,14 +8,22 @@ export const Intro = ({ paragraph, media, currentParagraph, currentAnnotation, o
   const style = {
     backgroundImage: 'url(' + item.settings.file.url + ')',
   }
+  let lines = []
+  if (annotation.settings.title) {
+    lines = lines.concat(annotation.settings.title.split(/<br[^>]*>/))
+  }
+  if (annotation.settings.subtitle) {
+    lines = lines.concat(annotation.settings.subtitle.split(/<br[^>]*>/))
+  }
   return (
     <div
       className='site-intro'
       style={style}
     >
       <div className='inner'>
-        {annotation.settings.title && <span dangerouslySetInnerHTML={{ __html: annotation.settings.title }} />}
-        {annotation.settings.subtitle && <span dangerouslySetInnerHTML={{ __html: annotation.settings.subtitle }} />}
+        {lines.map((line, i) => (
+          <span key={i} dangerouslySetInnerHTML={{ __html: line }} />
+        ))}
       </div>
     </div>
   )
-- 
cgit v1.2.3-70-g09d2