aboutsummaryrefslogtreecommitdiffstats
path: root/webui/src/bug/Message.js
diff options
context:
space:
mode:
authorQuentin Gliech <quentingliech@gmail.com>2019-05-22 22:06:31 +0200
committerQuentin Gliech <quentingliech@gmail.com>2019-05-22 22:06:31 +0200
commit356d1b412c2671d0e430339f42a0d479e11347fd (patch)
tree2856ceabf15c5c5966ae3d03e287a3ed1a815e10 /webui/src/bug/Message.js
parent6e20bf0e73862854aea0cd759a880a6b5f473880 (diff)
downloadgit-bug-356d1b412c2671d0e430339f42a0d479e11347fd.tar.gz
webui: Render markdown
Diffstat (limited to 'webui/src/bug/Message.js')
-rw-r--r--webui/src/bug/Message.js8
1 files changed, 5 insertions, 3 deletions
diff --git a/webui/src/bug/Message.js b/webui/src/bug/Message.js
index ff039444..eea530fc 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>
);