chore: add TG link & descriptions

src/pages/settings.tsx

@@ -2,7 +2,7 @@ import { Box, ButtonGroup, Grid, IconButton } from "@mui/material";
 import { useLockFn } from "ahooks";
 import { useTranslation } from "react-i18next";
 import { BasePage, Notice } from "@/components/base";
-import { GitHub, HelpOutlineSharp } from "@mui/icons-material";
+import { GitHub, HelpOutlineSharp, Telegram } from "@mui/icons-material";
 import { openWebUrl } from "@/services/cmds";
 import SettingVerge from "@/components/setting/setting-verge";
 import SettingClash from "@/components/setting/setting-clash";
@@ -21,7 +21,11 @@ const SettingPage = () => {
   });
 
   const toGithubDoc = useLockFn(() => {
-    return openWebUrl("https://clash-verge-rev.github.io/guide/log.html");
+    return openWebUrl("https://clash-verge-rev.github.io/index.html");
+  });
+
+  const toTelegramChannel = useLockFn(() => {
+    return openWebUrl("https://t.me/clash_verge_re");
   });
 
   const mode = useThemeMode();
@@ -35,7 +39,15 @@ const SettingPage = () => {
           <IconButton
             size="medium"
             color="inherit"
-            title="@clash-verge-rev/clash-verge-rev.github.io"
+            title={t("TG Channel")}
+            onClick={toTelegramChannel}
+          >
+            <Telegram fontSize="inherit" />
+          </IconButton>
+          <IconButton
+            size="medium"
+            color="inherit"
+            title={t("Doc")}
             onClick={toGithubDoc}
           >
             <HelpOutlineSharp fontSize="inherit" />
@@ -43,7 +55,7 @@ const SettingPage = () => {
           <IconButton
             size="medium"
             color="inherit"
-            title="@clash-verge-rev/clash-verge-rev"
+            title={t("Source Code")}
             onClick={toGithubRepo}
           >
             <GitHub fontSize="inherit" />