Merge pull request #115 from continuedev/styled-code

adding code syntax highlighting

1 files changed, 19 insertions, 0 deletions

diff --git a/extension/react-app/src/components/StyledCode.tsx b/extension/react-app/src/components/StyledCode.tsx
new file mode 100644
index 00000000..485c70b6
--- /dev/null
+++ b/extension/react-app/src/components/StyledCode.tsx
@@ -0,0 +1,19 @@
+import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
+import { vscDarkPlus as highlightStyle } from "react-syntax-highlighter/dist/esm/styles/prism";
+
+interface StyledCodeProps {
+  children: string;
+  language?: string;
+}
+
+const StyledCode = (props: StyledCodeProps) => (
+  <SyntaxHighlighter
+    customStyle={{ margin: "0" }}
+    style={highlightStyle}
+    language={props.language || "python"}
+  >
+    {(props.children as any).props.children}
+  </SyntaxHighlighter>
+);
+
+export default StyledCode;