From 9392fdbe30a29419e6c4a77f3dcfa64b8c0473bd Mon Sep 17 00:00:00 2001
From: Andrey Okonetchnikov <andrej.okonetschnikow@gmail.com>
Date: Thu, 22 Sep 2016 21:53:57 +0200
Subject: [PATCH] Integrated MarkitupReactRenderer with Preview pane

---
 src/components/Widgets/MarkdownPreview.js | 35 ++++++++++-------------
 1 file changed, 15 insertions(+), 20 deletions(-)

diff --git a/src/components/Widgets/MarkdownPreview.js b/src/components/Widgets/MarkdownPreview.js
index f9f0021c..d8ababad 100644
--- a/src/components/Widgets/MarkdownPreview.js
+++ b/src/components/Widgets/MarkdownPreview.js
@@ -1,28 +1,23 @@
 import React, { PropTypes } from 'react';
-import MarkupIt from 'markup-it';
 import { getSyntaxes } from './richText';
+import MarkitupReactRenderer from './MarkitupReactRenderer';
 
-export default class MarkdownPreview extends React.Component {
-
-  constructor(props) {
-    super(props);
-
-    const { markdown, html } = getSyntaxes();
-    this.markdown = new MarkupIt(markdown);
-    this.html = new MarkupIt(html);
+const MarkdownPreview = ({ value }) => {
+  if (value == null) {
+    return null;
   }
-  render() {
-    const { value } = this.props;
-    if (value == null) { return null; }
-    const content = this.markdown.toContent(value);
-    const contentHtml =  { __html: this.html.toText(content) };
 
-    return (
-      <div dangerouslySetInnerHTML={contentHtml} />
-    );
-  }
-}
+  const { markdown } = getSyntaxes();
+  return (
+    <MarkitupReactRenderer
+        value={value}
+        syntax={markdown}
+    />
+  );
+};
 
 MarkdownPreview.propTypes = {
-  value: PropTypes.node,
+  value: PropTypes.string,
 };
+
+export default MarkdownPreview;