Feat/chaingpt (#145)

* feat: 🎸 chaingpt demo

* refactor: 💡 move chainGPT to src/theme; upgrade to 0.1.1

* ci: 🎡 update chaingpt-component

* feat: 🎸 chaingpt/api/chat -> /api/chaingpt

package.json

@@ -18,6 +18,7 @@
     "@docusaurus/core": "3.4.0",
     "@docusaurus/preset-classic": "3.4.0",
     "@mdx-js/react": "^3.0.0",
+    "chaingpt-component": "^0.1.2",
     "clsx": "^2.0.0",
     "docusaurus-theme-search-typesense": "^0.20.0-0",
     "dotenv": "^16.4.5",

src/theme/ChainGPT/index.module.css

@@ -0,0 +1,8 @@
+.chainGPTContainer {
+  position: fixed;
+  right: 18px;
+  bottom: 18px;
+  display: flex;
+  flex-direction: column;
+  align-items: end;
+}

src/theme/ChainGPT/index.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import 'chaingpt-component/dist/index.css';
+import styles from "./index.module.css";
+import {ChatBoxButton} from 'chaingpt-component';
+
+export default function ChainGPT(): JSX.Element {
+  return (
+    <>
+      <div className={styles.chainGPTContainer}>
+        <ChatBoxButton
+          apiUri="/api/chaingpt"
+        />
+      </div>
+    </>
+  );
+}

src/theme/logo.tsx

@@ -1,18 +1,24 @@
 import React from "react";
 import ThemedImage from "@theme/ThemedImage";
 import useBaseUrl from "@docusaurus/useBaseUrl";
+import ChainGPT from '@site/src/theme/ChainGPT';
 
 /**
  * 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"),
-      }}
-    />
+    <>
+      <ThemedImage
+        alt="aelf"
+        sources={{
+          light: useBaseUrl("/img/Logo.aelf.svg"),
+          dark: useBaseUrl("/img/Logo.aelf.white.svg"),
+        }}
+      />
+      <div>
+        <ChainGPT />
+      </div>
+    </>
   );
 }