refactor: agora settings and functions

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",