feat: chat component

src/theme/Root.tsx

@@ -0,0 +1,15 @@
+// https://docusaurus.io/docs/3.4.0/swizzling#wrapper-your-site-with-root
+
+import BrowserOnly from "@docusaurus/BrowserOnly";
+import React from "react";
+import ChatComponent from "./ChatPAAL";
+
+// Default implementation, that you can customize
+export default function Root({ children }) {
+  return (
+    <>
+      {children}
+      <BrowserOnly>{() => <ChatComponent />}</BrowserOnly>
+    </>
+  );
+}

src/theme/logo.tsx

@@ -1,31 +1,18 @@
 import React from "react";
 import ThemedImage from "@theme/ThemedImage";
 import useBaseUrl from "@docusaurus/useBaseUrl";
-// import ChainGPT from '@site/src/theme/ChainGPT';
-import BrowserOnly from "@docusaurus/BrowserOnly";
-import ChatComponent from '@site/src/theme/ChatPAAL';
 
 /**
  * Reference: https://docusaurus.io/docs/markdown-features/assets#themed-images
  */
 export default function Logo(): JSX.Element {
   return (
-    <>
-      <ThemedImage
-        alt="aelf"
-        sources={{
-          light: useBaseUrl("/img/Logo.aelf.svg"),
-          dark: useBaseUrl("/img/Logo.aelf.white.svg"),
-        }}
-      />
-      <BrowserOnly>
-        {() => (
-          <div>
-            {/*{!window.location.host.includes("aelf.com") ? <ChainGPT /> : null}*/}
-            {!window.location.host.includes("aelf.com") ? <ChatComponent /> : null}
-          </div>
-        )}
-      </BrowserOnly>
-    </>
+    <ThemedImage
+      alt="aelf"
+      sources={{
+        light: useBaseUrl("/img/Logo.aelf.svg"),
+        dark: useBaseUrl("/img/Logo.aelf.white.svg"),
+      }}
+    />
   );
 }