feat: add faq to invite link

public/locales/en/chat.json

@@ -24,6 +24,7 @@
   "enable_smtp": "Enable SMTP First",
   "send_invite_link": "Or Send invite link to your friends",
   "share_invite_link": "Share this link to invite people to this server.",
+  "invite_link_faq": "Incorrect Invite Link?",
   "invite_link_expire": "Invite link expires in 48 hours",
   "generate_new_link": "Generate New Link",
 

public/locales/zh/chat.json

@@ -24,6 +24,7 @@
   "enable_smtp": "首先开启SMTP",
   "send_invite_link": "或者，向朋友发送邀请链接",
   "share_invite_link": "分享此链接，邀请朋友加入",
+  "invite_link_faq": "链接异常？",
 
   "invite_link_expire": "邀请链接有效期：48小时",
   "generate_new_link": "生成新邀请链接",

src/common/component/InviteLink.tsx

@@ -1,9 +1,10 @@
 import { FC } from "react";
+import { useTranslation } from "react-i18next";
 import useInviteLink from "../hook/useInviteLink";
 import Input from "./styled/Input";
 import Button from "./styled/Button";
-import { useTranslation } from "react-i18next";
 import QRCode from "./QRCode";
+import IconQuestion from '../../assets/icons/question.svg';
 
 type Props = {};
 const InviteLink: FC<Props> = () => {
@@ -15,7 +16,12 @@ const InviteLink: FC<Props> = () => {
 
   return (
     <div className="flex flex-col items-start pb-8">
-      <span className="font-semibold text-sm mb-2 text-gray-500 dark:text-gray-50">{t("share_invite_link")}</span>
+      <p className="font-semibold text-sm mb-2 text-gray-500 dark:text-gray-50 flex gap-4">
+        {t("share_invite_link")}
+        <a className="text-primary-500 flex gap-1 items-center" href="http://doc.voce.chat/faq#fe_url" target="_blank" rel="noopener noreferrer">
+          <IconQuestion /> {t("invite_link_faq")}
+        </a>
+      </p>
       <div className="w-full md:w-[512px] mb-3 relative">
         <Input readOnly className={"large !pr-16"} placeholder="Generating" value={link} />
         <Button onClick={copyLink} className="ghost small border_less absolute right-1 top-1/2 -translate-y-1/2">