feat: added demonstration chatbot embed (script)

resolves #11
noclocks · Apr 1, 2024 · 5184e0f · 5184e0f
1 parent 9a3904d
commit 5184e0f
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/app/app/components/ChatBot.tsx b/app/app/components/ChatBot.tsx
@@ -0,0 +1,17 @@
+const ChatbotScript = () => (
+    <>
+        <script
+            dangerouslySetInnerHTML={{
+                __html: `
+              window.embeddedChatbotConfig = {
+                chatbotId: "VhVykMQoMKK6p-pu3I1wP",
+                domain: "www.chatbase.co"
+              };
+              `,
+            }}
+        />
+        <script src="https://www.chatbase.co/embed.min.js" defer />
+    </>
+);
+
+export default ChatbotScript;
diff --git a/app/app/root.tsx b/app/app/root.tsx
@@ -15,6 +15,8 @@ import {
 // import "./styles/home.css";
 // import "./styles/about.css"
 
+import ChatbotScript from "./components/ChatBot";
+
 export function Layout({children}: {children: React.ReactNode}) {
   return (
     <html lang="en">
@@ -28,6 +30,7 @@ export function Layout({children}: {children: React.ReactNode}) {
         {children}
         <ScrollRestoration />
         <Scripts />
+        <ChatbotScript />
       </body>
     </html>
   );