frontend/src/components/renderers/RenderDispatch.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

import React from 'react';
import styled from 'styled-components'
import Latex from './Latex'
import Markdown from './Markdown'
import CodeRenderer from './Code'

const RenderWrapper = styled.div`
    padding: 1em;
`

const RenderDispatch = React.forwardRef((props, ref) => {
    switch (props.language) {
        case 'latex':
            return (
                <RenderWrapper ref={ref}>
                    <Latex content={props.content} />
                </RenderWrapper>)
        case 'markdown':
            return (
                <RenderWrapper ref={ref} className="md" >
                    <Markdown content={props.content} />
                </RenderWrapper>)
        default:
            return (
                <CodeRenderer
                    content={props.content}
                    lang={props.language}
                    theme={props.theme}
                    ref={ref}
                    id="pasteInput" />)
    }
});

export default RenderDispatch