From be21c0db5b869d5626ba8f9f32757aa593fb7f01 Mon Sep 17 00:00:00 2001
From: Ian Mah <ian.mah@hootsuite.com>
Date: Thu, 28 May 2020 18:09:28 -0700
Subject: Add markdown to view paste

---
 frontend/src/components/NewPaste.js                 | 10 +++++-----
 frontend/src/components/PasteInfo.js                |  2 +-
 frontend/src/components/renderers/RenderDispatch.js | 17 ++++++++++++-----
 3 files changed, 18 insertions(+), 11 deletions(-)

(limited to 'frontend/src/components')

diff --git a/frontend/src/components/NewPaste.js b/frontend/src/components/NewPaste.js
index adb5240..afe1fc3 100644
--- a/frontend/src/components/NewPaste.js
+++ b/frontend/src/components/NewPaste.js
@@ -31,7 +31,7 @@ const FlexRight = styled.div`
     margin-left: 2em;
 `
 
-const LatexWrapper = styled.div`
+const PreviewWrapper = styled.div`
     margin: 2em;
 `
 
@@ -122,17 +122,17 @@ class NewPaste extends React.Component {
         switch (this.state.language) {
             case 'latex':
                 preview = 
-                    <LatexWrapper>
+                    <PreviewWrapper>
                         <Latex
                             content={this.state.content} />
-                    </LatexWrapper>
+                    </PreviewWrapper>
                 break
             case 'markdown':
                 preview = 
-                    <LatexWrapper>
+                    <PreviewWrapper>
                         <Markdown
                             content={this.state.content} />
-                    </LatexWrapper>
+                    </PreviewWrapper>
                 break
             default:
                 preview = 
diff --git a/frontend/src/components/PasteInfo.js b/frontend/src/components/PasteInfo.js
index 76d8859..8669b20 100644
--- a/frontend/src/components/PasteInfo.js
+++ b/frontend/src/components/PasteInfo.js
@@ -39,7 +39,7 @@ const PasteInfo = (props) => {
 
     const renderable = () => {
         const buttonTxt = props.isRenderMode ? 'text' : 'render'
-        if (props.lang === 'latex') {
+        if (props.lang === 'latex' || props.lang === 'markdown') {
             return (
                 <Button
                     className="lt-shadow lt-hover"
diff --git a/frontend/src/components/renderers/RenderDispatch.js b/frontend/src/components/renderers/RenderDispatch.js
index 892c649..4daef07 100644
--- a/frontend/src/components/renderers/RenderDispatch.js
+++ b/frontend/src/components/renderers/RenderDispatch.js
@@ -1,21 +1,28 @@
 import React from 'react';
 import styled from 'styled-components'
 import Latex from './Latex'
+import Markdown from './Markdown'
 import CodeRenderer from './Code'
 
-const LatexWrapper = styled.div`
+const RenderWrapper = styled.div`
     padding: 2em;
 `
 
 const RenderDispatch = React.forwardRef((props, ref) => {
+    console.log(props)
     switch (props.language) {
         case 'latex':
             return (
-                <LatexWrapper ref={ref}>
-                    <Latex
-                        content={props.content} />
-                </LatexWrapper>)
+                <RenderWrapper ref={ref}>
+                    <Latex content={props.content} />
+                </RenderWrapper>)
+        case 'markdown':
+            return (
+                <RenderWrapper>
+                    <Markdown content={props.content} />
+                </RenderWrapper>)
         default:
+            console.log('nooo')
             return (
                 <CodeRenderer
                     content={props.content}
-- 
cgit v1.2.3