add invalid lang guarding and change md theme

1 files changed, 6 insertions, 5 deletions

diff --git a/frontend/src/components/renderers/InlineCode.js b/frontend/src/components/renderers/InlineCode.js
index 36c2ac2..29fe4ea 100644
--- a/frontend/src/components/renderers/InlineCode.js
+++ b/frontend/src/components/renderers/InlineCode.js
@@ -1,14 +1,15 @@
 import React from 'react';
 import SyntaxHighlighter from 'react-syntax-highlighter';
-import { atomOneLight } from 'react-syntax-highlighter/dist/esm/styles/hljs';
+import { atomOneDark } from 'react-syntax-highlighter/dist/esm/styles/hljs';
 import { LANGS } from './Code'
 
-const MarkdownCodeRenderer = (props) => {
+const MarkdownCodeRenderer = ({language, value}) => {
+
     return (
         <SyntaxHighlighter
-            language={LANGS[props.language]}
-            style={atomOneLight}>
-            {props.value}
+            language={(language in LANGS) ? LANGS[language] : 'text'}
+            style={atomOneDark}>
+            {value}
         </SyntaxHighlighter>
     );
 };