Bara chain

.env

@@ -1,5 +1,12 @@
-VITE_SOCKET_BASE_URL="wss://dev-chat-xfans-api.buidlerdao.xyz"
-VITE_ROOM_BASE_URL="https://dev-chat-xfans-api.buidlerdao.xyz"
-VITE_CONTRACT_BASE_URL="https://test-mpc-xfans-api.buidlerdao.xyz"
-VITE_BASE_URL="https://test-api.xfans.tech"
+# arb
+VITE_ARB_SOCKET_BASE_URL="wss://dev-chat-xfans-api.buidlerdao.xyz"
+VITE_ARB_ROOM_BASE_URL="https://dev-chat-xfans-api.buidlerdao.xyz"
+VITE_ARB_CONTRACT_BASE_URL="http://localhost:3001"
+VITE_ARB_BASE_URL="https://test-api.xfans.tech"
+
+# bera
+VITE_BERA_SOCKET_BASE_URL="wss://dev-chat-xfans-api.buidlerdao.xyz"
+VITE_BERA_ROOM_BASE_URL="https://dev-chat-xfans-api.buidlerdao.xyz"
+VITE_BERA_CONTRACT_BASE_URL="http://localhost:3001"
+VITE_BERA_BASE_URL="https://test-bera-api.xfans.tech"
 

src/components/Select/index.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Select, MenuItem, SelectChangeEvent } from '@mui/material';
+
+interface TSelectProps {
+  handleChange: (value: string) => void;
+}
+
+const TSelect: React.FC<TSelectProps> = ({ handleChange }) => {
+  const [selectedValue, setSelectedValue] = React.useState('arb');
+
+  const handleInternalChange = (event: SelectChangeEvent<string>) => {
+    const value = event.target.value;
+    setSelectedValue(value);
+    handleChange(value); // 调用传入的 handleChange 函数
+  };
+
+  return (
+    <Select
+      value={selectedValue}
+      onChange={handleInternalChange}
+      style={{ minWidth: '120px', height: '60px' }}
+    >
+      <MenuItem value="arb">arb</MenuItem>
+      <MenuItem value="bera">bera</MenuItem>
+    </Select>
+  );
+};
+
+export default TSelect;

src/config/chainConfig.ts

@@ -0,0 +1,34 @@
+interface ChainConfigType {
+  vite_socket_base_url: string;
+  vite_room_base_url: string;
+  vite_contract_base_url: string;
+  vite_base_url: string;
+}
+
+const _chainConfig: Record<string, ChainConfigType> = {
+  arb: {
+    vite_socket_base_url: import.meta.env.VITE_ARB_SOCKET_BASE_URL!,
+    vite_room_base_url: import.meta.env.VITE_ARB_ROOM_BASE_URL!,
+    vite_contract_base_url: import.meta.env.VITE_ARB_CONTRACT_BASE_URL!,
+    vite_base_url: import.meta.env.VITE_ARB_BASE_URL!,
+  },
+  bera: {
+    vite_socket_base_url: import.meta.env.VITE_BERA_SOCKET_BASE_URL!,
+    vite_room_base_url: import.meta.env.VITE_BERA_ROOM_BASE_URL!,
+    vite_contract_base_url: import.meta.env.VITE_BERA_CONTRACT_BASE_URL!,
+    vite_base_url: import.meta.env.VITE_BERA_BASE_URL!,
+  },
+};
+
+console.log('_chainConfig', _chainConfig);
+const ChainConfig = () => {
+  if (getCurrentChain() == '') console.error('chain info undefined!');
+  return _chainConfig[getCurrentChain()];
+};
+
+export const getCurrentChain = () => localStorage.getItem('current_chain') ?? 'arb';
+export const setCurrentChain = (chain: string) => {
+  localStorage.setItem('current_chain', chain);
+};
+
+export default ChainConfig;

src/content/loginPage/signInWithXPage.tsx

@@ -1,7 +1,8 @@
 import React, { FC } from 'react';
 
 import { NextButton } from '../../components/buttons/loginButton';
-
+import TSelect from '../../components/Select/index';
+import { setCurrentChain, getCurrentChain } from '../../config/chainConfig';
 import '../../tailwind.css';
 
 interface SignInWithXPageProps {
@@ -53,6 +54,13 @@ const SignInWithXPage: FC<SignInWithXPageProps> = ({ handleButtonClick, showLoad
           'Login With X'
         )}
       </NextButton>
+      <TSelect
+        handleChange={(x: string) => {
+          console.log('select', x);
+          setCurrentChain(x);
+          console.log('getCurrentChain', getCurrentChain());
+        }}
+      />
     </div>
   );
 };

src/service/request.ts

@@ -10,6 +10,7 @@ import * as toaster from '../components/Toaster';
 import useGlobalStore from '../store/useGlobalStore';
 
 import { checkStatus } from './checkStatus';
+import ChainConfig, { getCurrentChain } from '../config/chainConfig';
 
 // 请求响应参数（不包含data）
 export interface Result {
@@ -32,7 +33,7 @@ export enum ResultEnum {
 
 const config = {
   // 默认地址请求地址，可在 .env.** 文件中修改
-  baseURL: import.meta.env.VITE_BASE_URL,
+  baseURL: ChainConfig().vite_base_url,
   // 设置超时时间
   timeout: ResultEnum.TIMEOUT as number,
   // 跨域时候允许携带凭证
@@ -41,7 +42,7 @@ const config = {
 
 const contractConfig = {
   // 默认地址请求地址，可在 .env.** 文件中修改
-  baseURL: import.meta.env.VITE_CONTRACT_BASE_URL,
+  baseURL: ChainConfig().vite_contract_base_url,
   // 设置超时时间
   timeout: ResultEnum.TIMEOUT as number,
   // 跨域时候允许携带凭证
@@ -50,7 +51,7 @@ const contractConfig = {
 
 const chatConfig = {
   // 默认地址请求地址，可在 .env.** 文件中修改
-  baseURL: import.meta.env.VITE_ROOM_BASE_URL,
+  baseURL: ChainConfig().vite_room_base_url,
   // 设置超时时间
   timeout: ResultEnum.TIMEOUT as number,
   // 跨域时候允许携带凭证
@@ -60,7 +61,7 @@ const chatConfig = {
 class RequestHttp {
   showMsg: boolean;
   service: AxiosInstance;
-  public constructor(config: AxiosRequestConfig<ResultData<any>>) {
+  public constructor(config: AxiosRequestConfig<ResultData<any>>, chainInfo?: boolean) {
     // instantiation
     this.service = axios.create(config);
     this.showMsg = true;
@@ -75,6 +76,10 @@ class RequestHttp {
         if (config.headers && typeof config.headers.set === 'function') {
           config.headers.set('Authorization', 'Bearer ' + token);
         }
+        if (chainInfo) {
+          const chainInfo = getCurrentChain();
+          config.url = config?.url?.replace(/(\/xfans\/api\/)/, `/xfans/api/${chainInfo}/`);
+        }
         return config;
       },
       (error: AxiosError) => {
@@ -155,5 +160,5 @@ class RequestHttp {
 }
 
 export default new RequestHttp(config);
-export const contractRequestHttp = new RequestHttp(contractConfig);
+export const contractRequestHttp = new RequestHttp(contractConfig, true);
 export const roomRequestHttp = new RequestHttp(chatConfig);

src/welcome/Profile/community/useRoom.ts

@@ -5,7 +5,7 @@ import { io, Socket } from 'socket.io-client';
 import { error } from '../../../components/Toaster';
 import { getMessagesByRoom, ReceiveMessage, SendMessage } from '../../../service/room';
 import useGlobalStore from '../../../store/useGlobalStore';
-
+import ChainConfig from '../../../config/chainConfig';
 import { ToasterMessageType } from './constants';
 
 export default function useRoom(user: string, room?: string) {
@@ -16,7 +16,7 @@ export default function useRoom(user: string, room?: string) {
   // 建立 socket
   useEffect(() => {
     if (room == null) return;
-    const socket = io(import.meta.env.VITE_SOCKET_BASE_URL, {
+    const socket = io(ChainConfig().vite_socket_base_url, {
       autoConnect: false,
       extraHeaders: {
         Authorization: 'Bearer ' + useGlobalStore.getState().token,