diff options
| author | Jacky Zhao <[email protected]> | 2020-09-04 12:29:27 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-09-04 12:29:27 -0700 |
| commit | 8a813d9e817035d52a782edca8efb45ad8a6ca75 (patch) | |
| tree | fbe132b266090d34e24abc025529901c8c8283b8 /frontend/src/components/renderers/InlineCode.js | |
| parent | Merge pull request #56 from jackyzha0/patch (diff) | |
| parent | add null coalescing op (diff) | |
| download | ctrl-v-8a813d9e817035d52a782edca8efb45ad8a6ca75.tar.xz ctrl-v-8a813d9e817035d52a782edca8efb45ad8a6ca75.zip | |
Merge pull request #58 from jackyzha0/patch
Diffstat (limited to 'frontend/src/components/renderers/InlineCode.js')
| -rw-r--r-- | frontend/src/components/renderers/InlineCode.js | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/frontend/src/components/renderers/InlineCode.js b/frontend/src/components/renderers/InlineCode.js new file mode 100644 index 0000000..44a3f58 --- /dev/null +++ b/frontend/src/components/renderers/InlineCode.js @@ -0,0 +1,17 @@ +import React from 'react'; +import SyntaxHighlighter from 'react-syntax-highlighter'; +import { atomOneDark } from 'react-syntax-highlighter/dist/esm/styles/hljs'; +import { LANGS } from './Code' + +const MarkdownCodeRenderer = ({language, value}) => { + + return ( + <SyntaxHighlighter + language={(language in LANGS) ? LANGS[language] : 'text'} + style={atomOneDark}> + {value ?? ''} + </SyntaxHighlighter> + ); +}; + +export default MarkdownCodeRenderer;
\ No newline at end of file |