From 4ca7f6ab5ff3076d86c92cda0de38de73af3da47 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 20 Oct 2020 21:38:10 +0200
Subject: footnotes in intro and normal paragraphs

---
 .../viewer/player/components.inline/inline.text.js | 28 +++++++++++++++-------
 1 file changed, 20 insertions(+), 8 deletions(-)

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

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 d978465..d257090 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
@@ -15,14 +15,26 @@ export const Paragraph = ({ paragraph, currentParagraph, currentAnnotation, onAn
       className={className}
     >
       <div className="speaker-icon" onClick={e => onAnnotationClick(e, paragraph, firstAnnotation)}>{SpeakerIcon}</div>
-      {paragraph.annotations.map(annotation => (
-        <span
-          key={annotation.id}
-          className={annotation.id === currentAnnotation ? 'current' : ''}
-          onClick={e => onAnnotationClick(e, paragraph, firstAnnotation)}
-          dangerouslySetInnerHTML={{ __html: ' ' + annotation.text + ' ' }}
-        />
-      ))}
+      {paragraph.annotations.map(annotation => {
+        if (annotation.type === 'footnote') {
+          return (
+            <span
+              key={annotation.id}
+              className='footnote'
+              onClick={e => onAnnotationClick(e, paragraph, annotation)}
+              dangerouslySetInnerHTML={{ __html: annotation.footnote_id }}
+            />
+          )
+        }
+        return (
+          <span
+            key={annotation.id}
+            className={annotation.id === currentAnnotation ? 'current' : ''}
+            onClick={e => onAnnotationClick(e, paragraph, firstAnnotation)}
+            dangerouslySetInnerHTML={{ __html: ' ' + annotation.text + ' ' }}
+          />
+        )
+      })}
     </div>
   )
 }
-- 
cgit v1.2.3-70-g09d2