{part.slice(1, -1)};
+ } else {
+ return part;
+ }
+ });
+ } else {
+ return part;
+ }
+ });
- return <>{codeParts}; // return the wrapped text
-}
\ No newline at end of file
+ return <>{codeParts}; // return the wrapped text
+ } else {
+ const matchRegex = /(`[^`]+?`)/g;
+ const parts = text.split(matchRegex);
+ // console.log('parts', parts);
+
+ // map over the parts and wrap any text between tildes with tags
+ const codeParts = parts.map((part, i) => {
+ if (part.match(matchRegex)) {
+ return {part.slice(1, -1)};
+ } else {
+ return part;
+ }
+ });
+
+ return <>{codeParts}; // return the wrapped text
+ }
+}
diff --git a/src/components/Messages/Embed.jsx b/src/components/Messages/Embed.jsx
new file mode 100644
index 0000000000..004d4a1e16
--- /dev/null
+++ b/src/components/Messages/Embed.jsx
@@ -0,0 +1,62 @@
+import React from 'react';
+// import '~/atom-one-dark.css';
+
+export default function Embed({ children, language = ''}) {
+ return (
+
+
+
+ { language }
+
+
+
+ { children }
+ {/* export default function CodeWrapper({ text }) {
+ const matchRegex = /(`[^`]+?`)/g; // regex to match backticks and text between them
+ const parts = text.split(matchRegex);
+ console.log('parts', parts);
+
+ // map over the parts and wrap any backticked text with <code> tags
+ const codeParts = parts.map((part, index) => {
+ if (part.match(matchRegex)) {
+ <>
+ return <code key={index}>{part}</code>;
+
+ } else {
+ <>
+ return part.trim(); // remove leading/trailing whitespace from non-backticked text
+
+ }
+ });
+
+ return <>{codeParts}</>; // return the wrapped text
+} */}
+
+
+
+ );
+}
diff --git a/src/components/Nav/index.jsx b/src/components/Nav/index.jsx
index b517de335a..35e9dcd1f6 100644
--- a/src/components/Nav/index.jsx
+++ b/src/components/Nav/index.jsx
@@ -28,7 +28,7 @@ export default function Nav() {
onMouseLeave={() => setIsHovering(false)}
>
- {!!isLoading ? }
+ {isLoading ? }