refactor: replace useSWR with custom hooks for update and network interfaces (#6195)

src/components/setting/mods/network-interface-viewer.tsx

@@ -4,10 +4,9 @@ import { writeText } from "@tauri-apps/plugin-clipboard-manager";
 import type { Ref } from "react";
 import { useImperativeHandle, useState } from "react";
 import { useTranslation } from "react-i18next";
-import useSWR from "swr";
 
 import { BaseDialog, DialogRef } from "@/components/base";
-import { getNetworkInterfacesInfo } from "@/services/cmds";
+import { useNetworkInterfaces } from "@/hooks/use-network";
 import { showNotice } from "@/services/notice-service";
 
 export function NetworkInterfaceViewer({ ref }: { ref?: Ref<DialogRef> }) {
@@ -22,13 +21,7 @@ export function NetworkInterfaceViewer({ ref }: { ref?: Ref<DialogRef> }) {
     close: () => setOpen(false),
   }));
 
-  const { data: networkInterfaces } = useSWR(
-    "clash-verge-rev-internal://network-interfaces",
-    getNetworkInterfacesInfo,
-    {
-      fallbackData: [], // default data before fetch
-    },
-  );
+  const { networkInterfaces } = useNetworkInterfaces();
 
   return (
     <BaseDialog

src/components/setting/mods/update-viewer.tsx

@@ -8,13 +8,12 @@ import { useImperativeHandle, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import ReactMarkdown from "react-markdown";
 import rehypeRaw from "rehype-raw";
-import useSWR from "swr";
 
 import { BaseDialog, DialogRef } from "@/components/base";
+import { useUpdate } from "@/hooks/use-update";
 import { portableFlag } from "@/pages/_layout";
 import { showNotice } from "@/services/notice-service";
 import { useSetUpdateState, useUpdateState } from "@/services/states";
-import { checkUpdateSafe as checkUpdate } from "@/services/update";
 
 export function UpdateViewer({ ref }: { ref?: Ref<DialogRef> }) {
   const { t } = useTranslation();
@@ -23,11 +22,7 @@ export function UpdateViewer({ ref }: { ref?: Ref<DialogRef> }) {
   const updateState = useUpdateState();
   const setUpdateState = useSetUpdateState();
 
-  const { data: updateInfo } = useSWR("checkUpdate", checkUpdate, {
-    errorRetryCount: 2,
-    revalidateIfStale: false,
-    focusThrottleInterval: 36e5, // 1 hour
-  });
+  const { updateInfo } = useUpdate();
 
   const [downloaded, setDownloaded] = useState(0);
   const [total, setTotal] = useState(0);