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

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