- {isSuccess ? (
+ {isError ? (
+
+
+ {isSearchDisabled
+ ? t("search_disabled", { ns: "member" })
+ : t("tip.error", { ns: "common", defaultValue: "Something went wrong" })}
+
+
+ Ok
+
+
+ ) : isSuccess ? (
data ? (
= ({ closeModal }) => {
{t("send_msg", { ns: "member" })}
- {!inContact && (
+ {!inContact && (isAdmin || addFriendEnable) && (
- Add to contact
+ {t("add_to_contact", { ns: "member" })}
)}
diff --git a/src/routes/chat/Layout/AddContactTip.tsx b/src/routes/chat/Layout/AddContactTip.tsx
index 10b6f65b..4eb32a57 100644
--- a/src/routes/chat/Layout/AddContactTip.tsx
+++ b/src/routes/chat/Layout/AddContactTip.tsx
@@ -1,11 +1,13 @@
+import { useEffect } from "react";
import { useTranslation } from "react-i18next";
+import toast from "react-hot-toast";
+import { shallowEqual } from "react-redux";
import IconAdd from "@/assets/icons/add.person.svg";
import IconBlock from "@/assets/icons/block.svg";
import { useUpdateContactStatusMutation } from "../../../app/services/user";
import { useAppSelector } from "../../../app/store";
import { ContactAction } from "../../../types/user";
-import { shallowEqual } from "react-redux";
type Props = {
uid: number;
@@ -13,12 +15,31 @@ type Props = {
const AddContactTip = (props: Props) => {
const { t } = useTranslation("chat");
- const [updateContactStatus] = useUpdateContactStatusMutation();
+ const { t: tMember } = useTranslation("member");
+ const [updateContactStatus, { error: addContactError }] = useUpdateContactStatusMutation();
const enableContact = useAppSelector(
(store) => store.server.contact_verification_enable,
shallowEqual
);
+ const isAdmin = useAppSelector((store) => store.authData.user?.is_admin, shallowEqual);
+ const addFriendEnable = useAppSelector(
+ (store) => store.server.add_friend_enable ?? true,
+ shallowEqual
+ );
const targetUser = useAppSelector((store) => store.users.byId[props.uid], shallowEqual);
+
+ useEffect(() => {
+ if (!addContactError) return;
+ const err = addContactError as any;
+ const httpStatus: number = err?.originalStatus ?? err?.status;
+ const errData: string = typeof err?.data === "string" ? err.data : "";
+ toast.error(
+ httpStatus === 403 && errData.includes("disabled by the administrator")
+ ? tMember("add_friend_disabled")
+ : tMember("tip.update_failed", { ns: "common", defaultValue: "Operation failed" })
+ );
+ }, [addContactError]);
+
const handleContactStatus = (action: ContactAction) => {
updateContactStatus({ target_uid: props.uid, action });
};
@@ -32,7 +53,7 @@ const AddContactTip = (props: Props) => {
{blocked ? t("contact_block_tip") : t("contact_tip")}
- {!blocked && (
+ {!blocked && (isAdmin || addFriendEnable) && (
-
{t("add_contact")}
diff --git a/src/routes/setting/Overview/AddFriendEnable.tsx b/src/routes/setting/Overview/AddFriendEnable.tsx
new file mode 100644
index 00000000..58c4d73e
--- /dev/null
+++ b/src/routes/setting/Overview/AddFriendEnable.tsx
@@ -0,0 +1,41 @@
+import { useEffect } from "react";
+import { toast } from "react-hot-toast";
+import { useTranslation } from "react-i18next";
+import { shallowEqual } from "react-redux";
+
+import SettingBlock from "@/components/SettingBlock";
+import Toggle from "@/components/styled/Toggle";
+import { useGetSystemCommonQuery, useUpdateSystemCommonMutation } from "@/app/services/server";
+import { useAppSelector } from "@/app/store";
+
+const AddFriendEnable = () => {
+ const { t } = useTranslation("setting", { keyPrefix: "overview.add_friend_enable" });
+ const { t: ct } = useTranslation();
+ const { refetch } = useGetSystemCommonQuery();
+ const addFriendEnable = useAppSelector(
+ (store) => store.server.add_friend_enable ?? true,
+ shallowEqual
+ );
+ const [updateSetting, { isSuccess }] = useUpdateSystemCommonMutation();
+
+ useEffect(() => {
+ if (isSuccess) {
+ refetch();
+ toast.success(ct("tip.update"));
+ }
+ }, [isSuccess]);
+
+ const handleToggle = () => {
+ updateSetting({ add_friend_enable: !addFriendEnable });
+ };
+
+ return (
+ }
+ />
+ );
+};
+
+export default AddFriendEnable;
diff --git a/src/routes/setting/Overview/DMEnable.tsx b/src/routes/setting/Overview/DMEnable.tsx
new file mode 100644
index 00000000..a694e67e
--- /dev/null
+++ b/src/routes/setting/Overview/DMEnable.tsx
@@ -0,0 +1,38 @@
+import { useEffect } from "react";
+import { toast } from "react-hot-toast";
+import { useTranslation } from "react-i18next";
+import { shallowEqual } from "react-redux";
+
+import SettingBlock from "@/components/SettingBlock";
+import Toggle from "@/components/styled/Toggle";
+import { useGetSystemCommonQuery, useUpdateSystemCommonMutation } from "@/app/services/server";
+import { useAppSelector } from "@/app/store";
+
+const DMEnable = () => {
+ const { t } = useTranslation("setting", { keyPrefix: "overview.dm_enable" });
+ const { t: ct } = useTranslation();
+ const { refetch } = useGetSystemCommonQuery();
+ const dmEnable = useAppSelector((store) => store.server.dm_enable ?? true, shallowEqual);
+ const [updateSetting, { isSuccess }] = useUpdateSystemCommonMutation();
+
+ useEffect(() => {
+ if (isSuccess) {
+ refetch();
+ toast.success(ct("tip.update"));
+ }
+ }, [isSuccess]);
+
+ const handleToggle = () => {
+ updateSetting({ dm_enable: !dmEnable });
+ };
+
+ return (
+ }
+ />
+ );
+};
+
+export default DMEnable;
diff --git a/src/routes/setting/Overview/SearchUserEnable.tsx b/src/routes/setting/Overview/SearchUserEnable.tsx
new file mode 100644
index 00000000..9349c9e7
--- /dev/null
+++ b/src/routes/setting/Overview/SearchUserEnable.tsx
@@ -0,0 +1,41 @@
+import { useEffect } from "react";
+import { toast } from "react-hot-toast";
+import { useTranslation } from "react-i18next";
+import { shallowEqual } from "react-redux";
+
+import SettingBlock from "@/components/SettingBlock";
+import Toggle from "@/components/styled/Toggle";
+import { useGetSystemCommonQuery, useUpdateSystemCommonMutation } from "@/app/services/server";
+import { useAppSelector } from "@/app/store";
+
+const SearchUserEnable = () => {
+ const { t } = useTranslation("setting", { keyPrefix: "overview.search_user_enable" });
+ const { t: ct } = useTranslation();
+ const { refetch } = useGetSystemCommonQuery();
+ const searchUserEnable = useAppSelector(
+ (store) => store.server.search_user_enable ?? true,
+ shallowEqual
+ );
+ const [updateSetting, { isSuccess }] = useUpdateSystemCommonMutation();
+
+ useEffect(() => {
+ if (isSuccess) {
+ refetch();
+ toast.success(ct("tip.update"));
+ }
+ }, [isSuccess]);
+
+ const handleToggle = () => {
+ updateSetting({ search_user_enable: !searchUserEnable });
+ };
+
+ return (
+ }
+ />
+ );
+};
+
+export default SearchUserEnable;
diff --git a/src/routes/setting/Overview/index.tsx b/src/routes/setting/Overview/index.tsx
index 043a74ff..18eb4c14 100644
--- a/src/routes/setting/Overview/index.tsx
+++ b/src/routes/setting/Overview/index.tsx
@@ -20,6 +20,9 @@ import WhoCanSignUpSetting from "./WhoCanSignUpSetting";
import UserMsgEmailNotify from "./UserMsgEmailNotify";
import WhoCanInviteUsers from "./WhoCanInviteUsers";
import WebClientAutoUpdate from "./WebClientAutoUpdate";
+import DMEnable from "./DMEnable";
+import AddFriendEnable from "./AddFriendEnable";
+import SearchUserEnable from "./SearchUserEnable";
export default function Overview() {
const { t } = useTranslation("setting");
@@ -45,6 +48,9 @@ export default function Overview() {
+
+
+
{/* 访客模式 */}
diff --git a/src/types/server.ts b/src/types/server.ts
index 57447b5b..36905756 100644
--- a/src/types/server.ts
+++ b/src/types/server.ts
@@ -19,6 +19,9 @@ export interface SystemCommon {
ext_setting: null | string;
msg_smtp_notify_enable: boolean;
msg_smtp_notify_delay_seconds: number;
+ dm_enable?: boolean;
+ add_friend_enable?: boolean;
+ search_user_enable?: boolean;
}
export interface GithubAuthConfig {
client_id?: string;