1 files changed, 19 insertions, 0 deletions
diff --git a/frontend/src/components/renderers/Markdown.js b/frontend/src/components/renderers/Markdown.js
new file mode 100644
index 0000000..b1d7905
--- /dev/null
+++ b/frontend/src/components/renderers/Markdown.js
@@ -0,0 +1,19 @@
+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 Markdown = (props) => {
+    const dangerousHtml = {
+        __html: marked(props.content)
+    }
+    return <Content dangerouslySetInnerHTML={dangerousHtml} />;
+}
+
+export default Markdown
+\ No newline at end of file