displaying roman numerals in traanscript again

1 files changed, 3 insertions, 1 deletions

diff --git a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js
index ebc0103..be5818a 100644
--- a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js
+++ b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js
@@ -1,5 +1,7 @@
 import React, { Component } from 'react'
 
+import { ROMAN_NUMERALS } from 'app/constants'
+
 export const Paragraph = ({ paragraph, currentParagraph, currentAnnotation, onAnnotationClick, onDoubleClick }) => {
   let className = paragraph.type
   if (className !== 'paragraph') className += ' paragraph'
@@ -29,7 +31,7 @@ export const ParagraphHeader = ({ paragraph, currentParagraph, currentAnnotation
       className={className}
       onDoubleClick={e => onDoubleClick(e, paragraph)}
     >
-      <span>{text}</span>
+      <span>{ROMAN_NUMERALS[paragraph.sectionIndex]}{'. '}{text}</span>
     </div>
   )
 }