+ {children}
+
+ );
+ },
+ code({ node, inline, className, children, ...props }) {
+ const match = /language-(\w+)/.exec(className || "");
+ const language = match ? match[1] : "plain";
+ return !inline ? (
+
+ {children}
+
+ );
+ },
+ }}
+ >
+ {message.content}
+
)}
diff --git a/components/ClearDataConfirmModal.tsx b/components/ClearDataConfirmModal.tsx
index 37bb328..0c9d812 100644
--- a/components/ClearDataConfirmModal.tsx
+++ b/components/ClearDataConfirmModal.tsx
@@ -10,10 +10,11 @@ const ClearDataConfirmModal = (props: Props) => {
const handleClearData = () => {
window.localStorage.clear();
+ close();
toast.success("Message cleared. The page will be reloaded.");
setTimeout(() => {
window.location.reload();
- }, 300);
+ }, 500);
};
return (
diff --git a/components/CodeBlock.tsx b/components/CodeBlock.tsx
new file mode 100644
index 0000000..39a86d0
--- /dev/null
+++ b/components/CodeBlock.tsx
@@ -0,0 +1,45 @@
+import { useState } from "react";
+import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
+import { oneDark } from "react-syntax-highlighter/dist/cjs/styles/prism";
+
+interface Props {
+ language: string;
+ value: string;
+}
+
+export const CodeBlock = (props: Props) => {
+ const { language, value } = props;
+ const [isCopied, setIsCopied] = useState