From 59a3af0ac9e90396123e6a40c154962cc80ddb6a Mon Sep 17 00:00:00 2001
From: Ian Mah <ian.mah@hootsuite.com>
Date: Thu, 28 May 2020 17:54:48 -0700
Subject: Add markdown preview

---
 frontend/src/components/renderers/Markdown.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 frontend/src/components/renderers/Markdown.js

(limited to 'frontend/src/components/renderers/Markdown.js')

diff --git a/frontend/src/components/renderers/Markdown.js b/frontend/src/components/renderers/Markdown.js
new file mode 100644
index 0000000..cbc8dad
--- /dev/null
+++ b/frontend/src/components/renderers/Markdown.js
@@ -0,0 +1,14 @@
+import React from 'react';
+import marked from 'marked';
+
+const getHtml = (markdown) => {
+    const rawMarkup = marked(markdown, {sanitize: true})
+    return {__html: rawMarkup}
+}
+
+const Markdown = (props) => {
+    const dangerousHtml = getHtml(props.content)
+    return <div dangerouslySetInnerHTML={dangerousHtml} />;
+}
+
+export default Markdown
\ No newline at end of file
-- 
cgit v1.2.3


From 64d6bd6e4e6d4dbd9a96682caebd6a53206ebf0a Mon Sep 17 00:00:00 2001
From: Ian Mah <ian.mah@hootsuite.com>
Date: Thu, 28 May 2020 18:21:26 -0700
Subject: Restrict width to preview pane

---
 frontend/src/components/renderers/Markdown.js | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

(limited to 'frontend/src/components/renderers/Markdown.js')

diff --git a/frontend/src/components/renderers/Markdown.js b/frontend/src/components/renderers/Markdown.js
index cbc8dad..81ffa67 100644
--- a/frontend/src/components/renderers/Markdown.js
+++ b/frontend/src/components/renderers/Markdown.js
@@ -1,14 +1,24 @@
 import React from 'react';
 import marked from 'marked';
+import styled from 'styled-components'
+
+const Content = styled.div`
+    max-width: 100%;
+    overflow-wrap: anywhere;
+    img {
+        max-width: 100%;
+    }
+`
 
 const getHtml = (markdown) => {
-    const rawMarkup = marked(markdown, {sanitize: true})
+    const rawMarkup = marked(markdown)
+    console.log(rawMarkup)
     return {__html: rawMarkup}
 }
 
 const Markdown = (props) => {
     const dangerousHtml = getHtml(props.content)
-    return <div dangerouslySetInnerHTML={dangerousHtml} />;
+    return <Content dangerouslySetInnerHTML={dangerousHtml} />;
 }
 
 export default Markdown
\ No newline at end of file
-- 
cgit v1.2.3


From 598b72c9d529e3debdabd0206cc75bc212543048 Mon Sep 17 00:00:00 2001
From: Ian Mah <ian.mah@hootsuite.com>
Date: Thu, 28 May 2020 18:33:50 -0700
Subject: Remove more console log

---
 frontend/src/components/renderers/Markdown.js | 1 -
 1 file changed, 1 deletion(-)

(limited to 'frontend/src/components/renderers/Markdown.js')

diff --git a/frontend/src/components/renderers/Markdown.js b/frontend/src/components/renderers/Markdown.js
index 81ffa67..1d47596 100644
--- a/frontend/src/components/renderers/Markdown.js
+++ b/frontend/src/components/renderers/Markdown.js
@@ -12,7 +12,6 @@ const Content = styled.div`
 
 const getHtml = (markdown) => {
     const rawMarkup = marked(markdown)
-    console.log(rawMarkup)
     return {__html: rawMarkup}
 }
 
-- 
cgit v1.2.3


From 44d9deaac1ce31b3ad2c60c686faf93bf7a8c680 Mon Sep 17 00:00:00 2001
From: Ian Mah <ian.mah@hootsuite.com>
Date: Thu, 28 May 2020 18:35:23 -0700
Subject: y helper function when no helper function do

---
 frontend/src/components/renderers/Markdown.js | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

(limited to 'frontend/src/components/renderers/Markdown.js')

diff --git a/frontend/src/components/renderers/Markdown.js b/frontend/src/components/renderers/Markdown.js
index 1d47596..b1d7905 100644
--- a/frontend/src/components/renderers/Markdown.js
+++ b/frontend/src/components/renderers/Markdown.js
@@ -9,14 +9,10 @@ const Content = styled.div`
         max-width: 100%;
     }
 `
-
-const getHtml = (markdown) => {
-    const rawMarkup = marked(markdown)
-    return {__html: rawMarkup}
-}
-
 const Markdown = (props) => {
-    const dangerousHtml = getHtml(props.content)
+    const dangerousHtml = {
+        __html: marked(props.content)
+    }
     return <Content dangerouslySetInnerHTML={dangerousHtml} />;
 }
 
-- 
cgit v1.2.3