customize api

src/hooks/Api.js

@@ -5,8 +5,6 @@ import { useSetting } from "./Setting";
 export function useApi(translator) {
   const { setting, updateSetting } = useSetting();
   const apis = setting?.transApis || DEFAULT_TRANS_APIS;
-  const api = apis[translator] || {};
-  console.log("apis", translator, apis);
 
   const updateApi = useCallback(
     async (obj) => {
@@ -22,5 +20,5 @@ export function useApi(translator) {
     await updateSetting({ transApis });
   }, [translator, apis, updateSetting]);
 
-  return { api, updateApi, resetApi };
+  return { api: apis[translator] || {}, updateApi, resetApi };
 }

src/hooks/Setting.js

@@ -6,7 +6,7 @@ import { createContext, useCallback, useContext, useMemo } from "react";
 import { debounce } from "../libs/utils";
 
 const SettingContext = createContext({
-  setting: null,
+  setting: {},
   updateSetting: async () => {},
   reloadSetting: async () => {},
 });

src/hooks/Translate.js

@@ -2,6 +2,7 @@ import { useEffect } from "react";
 import { useState } from "react";
 import { tryDetectLang } from "../libs";
 import { apiTranslate } from "../apis";
+import { DEFAULT_TRANS_APIS } from "../config";
 
 /**
  * 翻译hook
@@ -28,10 +29,10 @@ export function useTranslate(q, rule, setting) {
         } else {
           const [trText, isSame] = await apiTranslate({
             translator,
-            q,
+            text: q,
             fromLang,
             toLang,
-            setting: setting[translator],
+            apiSetting: (setting.transApis || DEFAULT_TRANS_APIS)[translator],
           });
           setText(trText);
           setSamelang(isSame);