react-markdown

2 files changed, 4 insertions, 3 deletions

diff --git a/vnext/src/components/Message.js b/vnext/src/components/Message.js
index cf287ce9..ba853f5c 100644
--- a/vnext/src/components/Message.js
+++ b/vnext/src/components/Message.js
@@ -1,5 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
+import ReactMarkdown from 'react-markdown'
 
 export default class Message extends React.Component {
   render() { 
@@ -25,7 +26,7 @@ export default class Message extends React.Component {
             <Tags data={msg.tags || []} />
         </div>
       </header>
-      <p>{msg.body}</p>
+      <ReactMarkdown source={msg.body}/>
       { msg.photo && 
       <p className="ir"><a href={`//i.juick.com/p/${msg.mid}.${msg.attach}`} data-fname={`${msg.mid}.${msg.attach}`}>
         <img itemProp="image" src={`//i.juick.com/p/${msg.mid}.${msg.attach}`} alt=""/></a>
diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css
index 080a179e..c09d7e88 100644
--- a/vnext/src/style/main.css
+++ b/vnext/src/style/main.css
@@ -537,8 +537,8 @@ q:before,
 q:after {
     content: "";
 }
-q {
-    border-left: 1px dashed #CCC;
+q, blockquote {
+    border-left: 3px solid #CCC;
     color: #666;
     display: block;
     margin: 10px 0 10px 10px;