Merge pull request #150 from MichaelMure/sandhose/webui/markdown

webui: Render markdown in messages

1 files changed, 5 insertions, 3 deletions

diff --git a/webui/src/bug/Message.js b/webui/src/bug/Message.js
index 8a6cac09..64498135 100644
--- a/webui/src/bug/Message.js
+++ b/webui/src/bug/Message.js
@@ -5,6 +5,7 @@ import React from 'react';
 import Author from '../Author';
 import { Avatar } from '../Author';
 import Date from '../Date';
+import Content from '../Content';
 
 const useStyles = makeStyles(theme => ({
   author: {
@@ -41,8 +42,7 @@ const useStyles = makeStyles(theme => ({
   },
   body: {
     ...theme.typography.body1,
-    padding: '1rem',
-    whiteSpace: 'pre-wrap',
+    padding: '0 1rem',
   },
 }));
 
@@ -60,7 +60,9 @@ function Message({ op }) {
           </div>
           {op.edited && <div className={classes.tag}>Edited</div>}
         </header>
-        <section className={classes.body}>{op.message}</section>
+        <section className={classes.body}>
+          <Content markdown={op.message} />
+        </section>
       </Paper>
     </article>
   );