feat: add chat page for berry

web/berry/src/menu-items/panel.js

@@ -8,11 +8,12 @@ import {
   IconKey,
   IconGardenCart,
   IconUser,
-  IconUserScan
+  IconUserScan,
+  IconFileTextAi
 } from '@tabler/icons-react';
 
 // constant
-const icons = { IconDashboard, IconSitemap, IconArticle, IconCoin, IconAdjustments, IconKey, IconGardenCart, IconUser, IconUserScan };
+const icons = { IconDashboard, IconSitemap, IconArticle, IconCoin, IconAdjustments, IconKey, IconGardenCart, IconUser, IconUserScan,IconFileTextAi };
 
 // ==============================|| DASHBOARD MENU ITEMS ||============================== //
 
@@ -29,6 +30,14 @@ const panel = {
       breadcrumbs: false,
       isAdmin: false
     },
+    {
+      id: 'chat',
+      title: '聊天',
+      type: 'item',
+      url: '/panel/chat',
+      icon: icons.IconFileTextAi,
+      breadcrumbs: false
+    },
     {
       id: 'channel',
       title: '渠道',

web/berry/src/routes/MainRoutes.js

@@ -9,6 +9,7 @@ const Log = Loadable(lazy(() => import('views/Log')));
 const Redemption = Loadable(lazy(() => import('views/Redemption')));
 const Setting = Loadable(lazy(() => import('views/Setting')));
 const Token = Loadable(lazy(() => import('views/Token')));
+const Chat = Loadable(lazy(() => import('views/Chat')));
 const Topup = Loadable(lazy(() => import('views/Topup')));
 const User = Loadable(lazy(() => import('views/User')));
 const Profile = Loadable(lazy(() => import('views/Profile')));
@@ -39,6 +40,10 @@ const MainRoutes = {
       path: 'log',
       element: <Log />
     },
+    {
+      path: 'chat',
+      element: <Chat />
+    },
     {
       path: 'redemption',
       element: <Redemption />

web/berry/src/views/Chat/index.js

@@ -0,0 +1,37 @@
+import React, { useEffect, useState } from "react";
+import { API } from 'utils/api';
+import { showError, showSuccess } from 'utils/common';
+
+const Chat = () => {
+  const [value, setValue] = useState([]);
+  const [isLoading, setIsLoading] = useState(true); // 加载状态
+
+  const loadTokens = async () => {
+    setIsLoading(true); // 开始加载
+    const res = await API.get(`/api/token/?p=0`);
+    const { success, message, data } = res.data;
+    setValue(data);
+    setIsLoading(false); // 加载完成
+  };
+
+  useEffect(() => {
+    loadTokens();
+  }, []);
+
+  if (isLoading) {
+    return <div>Loading...</div>;
+  } else if (value.length) {
+    const siteInfo = JSON.parse(localStorage.getItem("siteInfo"));
+    const chatLink = siteInfo.chat_link + `#/?settings={"key":"sk-${value[0]?.key}","url":"${siteInfo.server_address}"}`;
+    return (
+      <iframe
+        src={chatLink}
+        style={{ width: "100%", height: "85vh", border: "none" }}
+      />
+    );
+  } else {
+    showError("未找到可用令牌，请先创建令牌");
+  }
+};
+
+export default Chat;