fix more styling problems

1 files changed, 29 insertions, 0 deletions

diff --git a/frontend/src/components/renderers/RenderDispatch.js b/frontend/src/components/renderers/RenderDispatch.js
new file mode 100644
index 0000000..892c649
--- /dev/null
+++ b/frontend/src/components/renderers/RenderDispatch.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import styled from 'styled-components'
+import Latex from './Latex'
+import CodeRenderer from './Code'
+
+const LatexWrapper = styled.div`
+    padding: 2em;
+`
+
+const RenderDispatch = React.forwardRef((props, ref) => {
+    switch (props.language) {
+        case 'latex':
+            return (
+                <LatexWrapper ref={ref}>
+                    <Latex
+                        content={props.content} />
+                </LatexWrapper>)
+        default:
+            return (
+                <CodeRenderer
+                    content={props.content}
+                    lang={props.language}
+                    theme={props.theme}
+                    ref={ref}
+                    id="pasteInput" />)
+    }
+});
+
+export default RenderDispatch
\ No newline at end of file