feat: contact verification switch

src/routes/setting/Overview/ContactVerification.tsx

@@ -0,0 +1,39 @@
+// import React from 'react'
+import { useTranslation } from 'react-i18next';
+import { useGetSystemCommonQuery, useUpdateSystemCommonMutation } from '../../../app/services/server';
+import { useEffect } from 'react';
+import { toast } from 'react-hot-toast';
+import StyledRadio from "../../../common/component/styled/Radio";
+import { useAppSelector } from '../../../app/store';
+import SettingBlock from './SettingBlock';
+// type Props = {}
+
+const Index = () => {
+    const currStatus = useAppSelector(store => !!store.server.contact_verification_enable);
+    const { t } = useTranslation("setting", { keyPrefix: "overview.contact_verify" });
+    const { t: ct } = useTranslation();
+    const { refetch } = useGetSystemCommonQuery();
+    const [updateSetting, { isSuccess }] = useUpdateSystemCommonMutation();
+    useEffect(() => {
+        if (isSuccess) {
+            refetch();
+            toast.success(ct("tip.update"));
+        }
+    }, [isSuccess]);
+    const handleToggle = () => {
+        updateSetting({ contact_verification_enable: !currStatus });
+    };
+    // if (!loadSuccess) return null;
+    return (
+        <SettingBlock title={t("title")} desc={t('desc')} >
+            <StyledRadio
+                options={[t("enable"), t("disable")]}
+                values={["true", "false"]}
+                value={`${currStatus}`}
+                onChange={handleToggle}
+            />
+        </SettingBlock>
+    );
+};
+
+export default Index;

src/routes/setting/Overview/index.tsx

@@ -12,6 +12,7 @@ import ServerVersionChecker from "../../../common/component/ServerVersionChecker
 import OnlineStatus from "./OnlineStatus";
 import ChatLayout from "./ChatLayout";
 import SettingBlock from "./SettingBlock";
+import ContactVerification from "./ContactVerification";
 
 export default function Overview() {
   const { t } = useTranslation("setting");
@@ -40,6 +41,7 @@ export default function Overview() {
             <h4 className="font-bold text-gray-700 dark:text-white">{t("overview.title_feat")}</h4>
             <p className="text-gray-400 text-xs">{t("overview.title_feat_desc")}</p>
           </div>
+          {/* 注册开放与否 */}
           <SettingBlock title={t("overview.sign_up.title")} desc={t("overview.sign_up.desc")}>
             <StyledRadio
               options={[t("overview.sign_up.everyone"), t("overview.sign_up.invite")]}
@@ -50,6 +52,7 @@ export default function Overview() {
               }}
             />
           </SettingBlock>
+          {/* 访客模式 */}
           <SettingBlock title={t("overview.guest_mode.title")} desc={t("overview.guest_mode.desc")}>
             <StyledRadio
               options={[t("overview.guest_mode.enable"), t("overview.guest_mode.disable")]}
@@ -60,15 +63,19 @@ export default function Overview() {
               }}
             />
           </SettingBlock>
+          {/* 是否显示在线提示 */}
           <ServerVersionChecker version="0.3.4" empty={true}>
             <OnlineStatus />
           </ServerVersionChecker>
+          {/* 会话布局 */}
           <ServerVersionChecker version="0.3.7" empty={true}>
             <ChatLayout />
           </ServerVersionChecker>
-          {/* <ServerVersionChecker version="0.3.7" empty={true}>
-            <FrontendURL />
-          </ServerVersionChecker> */}
+          {/* 联系人验证模式 */}
+          <ServerVersionChecker version="0.3.7" empty={true}>
+            <ContactVerification />
+          </ServerVersionChecker>
+          {/* 设置前端url */}
           <ServerVersionChecker version="0.3.3" empty={true}>
             <FrontendURL />
           </ServerVersionChecker>