moving paragraph element lookup out

2 files changed, 3 insertions, 4 deletions

diff --git a/animism-align/frontend/views/paragraph/components/paragraphTypes/index.js b/animism-align/frontend/views/paragraph/components/paragraphTypes/index.js
index bf68ed0..62b4a49 100644
--- a/animism-align/frontend/views/paragraph/components/paragraphTypes/index.js
+++ b/animism-align/frontend/views/paragraph/components/paragraphTypes/index.js
@@ -12,7 +12,7 @@ import {
   MediaImage
 } from './paragraphTypes.image'
 
-export const ParagraphElementLookup = {
+export const paragraphElementLookup = {
   paragraph: React.memo(Paragraph),
   hidden: React.memo(Paragraph),
   blockquote: React.memo(Paragraph),
diff --git a/animism-align/frontend/views/paragraph/components/paragraphTypes/paragraphTypes.text.js b/animism-align/frontend/views/paragraph/components/paragraphTypes/paragraphTypes.text.js
index 39ad661..c2ebcd7 100644
--- a/animism-align/frontend/views/paragraph/components/paragraphTypes/paragraphTypes.text.js
+++ b/animism-align/frontend/views/paragraph/components/paragraphTypes/paragraphTypes.text.js
@@ -14,9 +14,8 @@ export const Paragraph = ({ paragraph, currentParagraph, currentAnnotation, onAn
           key={annotation.id}
           className={annotation.id === currentAnnotation ? 'current' : ''}
           onClick={e => onAnnotationClick(e, paragraph, annotation)}
-        >
-          {' '}{annotation.text}{' '}
-        </span>
+          dangerouslySetInnerHTML={{ __html: ' ' + annotation.text + ' ' }}
+        />
       ))}
     </div>
   )