feat(settings): Add ThunderX Offline Download (#134)

* feat:Add ThunderX Offline Download

* fix:thunder X offline status bind

Author: nekohy

src/lang/en/settings_other.json

@@ -19,5 +19,6 @@
   "thunder": "Thunder",
   "set_thunder": "Set Thunder",
   "thunder_browser": "ThunderBrowser",
-  "set_thunder_browser": "Set ThunderBrowser"
+  "set_thunder_browser": "Set ThunderBrowser",
+  "set_thunderX": "Set ThunderX"
 }

src/pages/manage/settings/Other.tsx

@@ -28,6 +28,7 @@ const OtherSettings = () => {
   const [pikpakTempDir, setPikPakTempDir] = createSignal("")
   const [thunderTempDir, setThunderTempDir] = createSignal("")
   const [thunderBrowserTempDir, setThunderBrowserTempDir] = createSignal("")
+  const [thunderXTempDir, setThunderXTempDir] = createSignal("")
   const [token, setToken] = createSignal("")
   const [settings, setSettings] = createSignal<SettingItem[]>([])
   const [settingsLoading, settingsData] = useFetch(
@@ -76,6 +77,12 @@ const OtherSettings = () => {
         temp_dir: thunderTempDir(),
       }),
   )
+  const [setThunderXLoading, setThunderX] = useFetch(
+    (): PResp<string> =>
+      r.post("/admin/setting/set_thunderx", {
+        temp_dir: thunderXTempDir(),
+      }),
+  )
   const [setThunderBrowserLoading, setThunderBrowser] = useFetch(
     (): PResp<string> =>
       r.post("/admin/setting/set_thunder_browser", {
@@ -108,6 +115,9 @@ const OtherSettings = () => {
       setThunderTempDir(
         data.find((i) => i.key === "thunder_temp_dir")?.value || "",
       )
+      setThunderXTempDir(
+        data.find((i) => i.key === "thunderx_temp_dir")?.value || "",
+      )
       setThunderBrowserTempDir(
         data.find((i) => i.key === "thunder_browser_temp_dir")?.value || "",
       )
@@ -316,6 +326,29 @@ const OtherSettings = () => {
       >
         {t("settings_other.set_thunder_browser")}
       </Button>
+      <Heading my="$2">{t("settings_other.thunderx")}</Heading>
+      <FormControl w="$full" display="flex" flexDirection="column">
+        <FormLabel for="thunderX_temp_dir" display="flex" alignItems="center">
+          {t(`settings.thunderX_temp_dir`)}
+        </FormLabel>
+        <FolderChooseInput
+          id="thunderX_temp_dir"
+          value={thunderXTempDir()}
+          onChange={(path) => setThunderXTempDir(path)}
+        />
+      </FormControl>
+      <Button
+        my="$2"
+        loading={setThunderXLoading()}
+        onClick={async () => {
+          const resp = await setThunderX()
+          handleResp(resp, (data) => {
+            notify.success(data)
+          })
+        }}
+      >
+        {t("settings_other.set_thunderX")}
+      </Button>
       <Heading my="$2">{t("settings.token")}</Heading>
       <Input value={token()} readOnly />
       <HStack my="$2" spacing="$2">