refactor: agora settings and functions

src/routes/chat/ChannelChat/index.tsx

@@ -19,6 +19,7 @@ import Members from "./Members";
 import VoiceChat from "../VoiceChat";
 import { updateChannelVisibleAside } from "../../../app/slices/footprint";
 import Dashboard from "../VoiceChat/Dashboard";
+import ServerVersionChecker from "../../../common/component/ServerVersionChecker";
 type Props = {
   cid?: number;
   dropFiles?: File[];
@@ -90,8 +91,9 @@ function ChannelChat({ cid = 0, dropFiles = [] }: Props) {
             </li>
           </Tippy>
         </Tooltip>
-        {/* 音频 暂时只有admin有入口 */}
-        <VoiceChat context={`channel`} id={cid} />
+        <ServerVersionChecker version="0.3.5" empty={true}>
+          <VoiceChat context={`channel`} id={cid} />
+        </ServerVersionChecker>
         <Tooltip tip={t("fav")} placement="left">
           <Tippy
             placement="left-start"

src/routes/chat/VoiceChat/index.tsx

@@ -8,7 +8,7 @@ import { useAppSelector } from '../../../app/store';
 import IconHeadphone from '../../../assets/icons/headphone.svg';
 import Tooltip from '../../../common/component/Tooltip';
 import { useVoice } from '../../../common/component/Voice';
-import { useGetAgoraConfigQuery } from '../../../app/services/server';
+import { useGetAgoraStatusQuery } from '../../../app/services/server';
 
 type Props = {
     context?: "channel" | "dm"
@@ -26,7 +26,7 @@ const VoiceChat = ({ id, context = "channel" }: Props) => {
             visibleAside: context == "channel" ? store.footprint.channelAsides[id] : null,
         };
     });
-    const { data: agoraConfig } = useGetAgoraConfigQuery(undefined, { skip: !loginUser?.is_admin });
+    const { data: enabled } = useGetAgoraStatusQuery();
     const { t } = useTranslation("chat");
     const toggleDashboard = () => {
         if (context == "channel") {
@@ -50,8 +50,7 @@ const VoiceChat = ({ id, context = "channel" }: Props) => {
             }));
         }
     };
-    // 只有admin才能看到入口，后续会改
-    if (!loginUser || !loginUser.is_admin || !agoraConfig?.enabled) return null;
+    if (!loginUser || !enabled) return null;
     const visible = visibleAside == "voice";
     const memberCount = voiceList.find((v) => v.context == context && v.id == id)?.memberCount ?? 0;
     const badgeClass = `absolute -top-2 -right-2 w-4 h-4 rounded-full bg-primary-400 text-white `;

src/routes/home/index.tsx

@@ -20,6 +20,7 @@ import { updateRememberedNavs } from "../../app/slices/ui";
 import UnreadTabTip from "../../common/component/UnreadTabTip";
 import ReLoginModal from "../../common/component/ReLoginModal";
 import Voice from "../../common/component/Voice";
+import ServerVersionChecker from "../../common/component/ServerVersionChecker";
 
 
 function HomePage() {
@@ -30,7 +31,7 @@ function HomePage() {
   const { pathname } = useLocation();
   const {
     roleChanged,
-    loginUser: { uid: loginUid, is_admin: isAdmin },
+    loginUser: { uid: loginUid },
     guest,
     ui: {
       ready,
@@ -68,7 +69,9 @@ function HomePage() {
     <>
       {roleChanged && <ReLoginModal />}
       {!guest && <UnreadTabTip />}
-      {!guest && isAdmin && <Voice />}
+      {!guest && <ServerVersionChecker empty={true} version="0.3.5">
+        <Voice />
+      </ServerVersionChecker>}
       <Manifest />
       {!guest && <Notification />}
       <div className={`vocechat-container flex w-screen h-screen bg-gray-200 dark:bg-gray-900`}>

src/routes/setting/config/Agora.tsx

@@ -11,7 +11,11 @@ export default function ConfigAgora() {
   const { changed, reset, values, setValues, toggleEnable, updateConfig } = useConfig("agora");
   const handleUpdate = () => {
     // const { token_url, description } = values;
-    updateConfig(values);
+    const _values = values as AgoraConfig;
+    if (!_values.url) {
+      _values.url = "https://api.agora.io";
+    }
+    updateConfig(_values);
   };
 
   const handleChange = (evt: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
@@ -32,7 +36,7 @@ export default function ConfigAgora() {
     customer_secret,
     enabled = false
   } = values as AgoraConfig;
-
+  const _url = url || "https://api.agora.io";
   return (
     <div className="setting-container">
       <div className="inputs">
@@ -46,7 +50,7 @@ export default function ConfigAgora() {
             disabled={!enabled}
             data-type="url"
             onChange={handleChange}
-            value={url || "https://api.agora.io"}
+            value={_url}
             name="url"
             placeholder="Agora URL"
           />

src/routes/setting/navs.tsx

@@ -39,7 +39,9 @@ const navs = [
     items: [
       {
         name: "bot",
-        component: <ServerVersionChecker version="0.3.2"><BotConfig /></ServerVersionChecker>,
+        component: <ServerVersionChecker version="0.3.2">
+          <BotConfig />
+        </ServerVersionChecker>,
         admin: true
       },
       {
@@ -48,7 +50,9 @@ const navs = [
       },
       {
         name: "agora",
-        component: <ConfigAgora />
+        component: <ServerVersionChecker version="0.3.5">
+          <ConfigAgora />
+        </ServerVersionChecker>
       },
       {
         name: "smtp",