feat: add feedback and faq link

public/locales/en/setting.json

@@ -21,7 +21,9 @@
     "license": "License",
     "about": "About",
     "api_doc": "API Document",
-    "version": "Version"
+    "version": "Version",
+    "faq": "FAQ",
+    "feedback": "Feedback"
   },
   "channel": {
     "leave": "Leave Channel",

public/locales/zh/setting.json

@@ -20,7 +20,8 @@
     "license": "证书",
     "about": "关于",
     "api_doc": "API 文档",
-    "version": "版本信息"
+    "version": "版本信息",
+    "feedback": "反馈"
   },
   "channel": {
     "leave": "离开",

src/common/component/StyledSettingContainer.tsx

@@ -39,7 +39,10 @@ const StyledSettingContainer: FC<PropsWithChildren<Props>> = ({
           {navs.map(({ title, items }) => {
             return (
               <ul key={title} data-title={title} className="flex flex-col gap-0.5 mb-5 md:mb-9 before:md:pl-3 before:content-[attr(data-title)] before:font-bold before:text-xs before:text-gray-400">
-                {items.map(({ name, title }) => {
+                {items.map(({ name, link, title }) => {
+                  if (link) return <li key={name} className={clsx(`md:text-sm font-semibold text-gray-600 whitespace-nowrap dark:text-gray-200  md:rounded md:hover:bg-stone-200 md:dark:hover:bg-slate-500/20`, name == nav?.name && "bg-stone-200 dark:bg-slate-500/20")}>
+                    <a href={link} target="_blank" className="block md:px-3 py-1" rel="noreferrer">{title} <span className="text-xs mx-1">🔗</span></a>
+                  </li>;
                   return (
                     <li key={name} className={clsx(`md:text-sm font-semibold text-gray-600 whitespace-nowrap dark:text-gray-200  md:rounded md:hover:bg-stone-200 md:dark:hover:bg-slate-500/20`, name == nav?.name && "bg-stone-200 dark:bg-slate-500/20")}>
                       <NavLink to={`${pathPrefix}/${name}`} className="block md:px-3 py-1">{title}</NavLink>

src/routes/setting/navs.tsx

@@ -83,7 +83,15 @@ const navs = [
       {
         name: "version",
         component: <Version />
-      }
+      },
+      {
+        name: "faq",
+        link: "https://doc.voce.chat/faq",
+      },
+      {
+        name: "feedback",
+        link: `https://privoce.voce.chat/widget?from=${encodeURIComponent(location.host)}`,
+      },
     ]
   }
 ];