From b37c4ca04b7c520b0417d3dd897e8a92ebc3de2f Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Thu, 3 Sep 2020 22:41:21 -0700
Subject: replace dangerouslysetinnerhtml by using react-markdown

---
 frontend/src/components/renderers/Markdown.js | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

(limited to 'frontend/src/components/renderers')

diff --git a/frontend/src/components/renderers/Markdown.js b/frontend/src/components/renderers/Markdown.js
index b1d7905..b9b9112 100644
--- a/frontend/src/components/renderers/Markdown.js
+++ b/frontend/src/components/renderers/Markdown.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import marked from 'marked';
+import ReactMarkdown from 'react-markdown';
 import styled from 'styled-components'
 
 const Content = styled.div`
@@ -9,11 +9,10 @@ const Content = styled.div`
         max-width: 100%;
     }
 `
-const Markdown = (props) => {
-    const dangerousHtml = {
-        __html: marked(props.content)
-    }
-    return <Content dangerouslySetInnerHTML={dangerousHtml} />;
+const Markdown = ({content}) => {
+    return <Content>
+        <ReactMarkdown source={content} />
+    </Content>;
 }
 
 export default Markdown
\ No newline at end of file
-- 
cgit v1.2.3