diff --git a/public/locales/en/chat.json b/public/locales/en/chat.json index 0b483f42..3622e118 100644 --- a/public/locales/en/chat.json +++ b/public/locales/en/chat.json @@ -41,6 +41,8 @@ "new_msg": "{{num}} new messages", "mark_read": "Mark As Read", + "reply_msg_del": "This message has been deleted.", + "file": "file", "image": "image", "forward": "forward" diff --git a/public/locales/zh/chat.json b/public/locales/zh/chat.json index b95ad249..21a588f5 100644 --- a/public/locales/zh/chat.json +++ b/public/locales/zh/chat.json @@ -42,6 +42,8 @@ "new_msg": "{{num}} 条新消息", "mark_read": "设为已读", + "reply_msg_del": "被回复的消息已删除!", + "file": "文件", "image": "图片", "forward": "转发" diff --git a/src/common/component/Message/Reply.tsx b/src/common/component/Message/Reply.tsx index 3935d6d8..2bca8630 100644 --- a/src/common/component/Message/Reply.tsx +++ b/src/common/component/Message/Reply.tsx @@ -8,8 +8,10 @@ import LinkifyText from '../LinkifyText'; import Avatar from "../Avatar"; import { useAppSelector } from "../../../app/store"; import { MessagePayload } from "../../../app/slices/message"; +import { useTranslation } from "react-i18next"; const renderContent = (data: MessagePayload) => { + const { content_type, content, thumbnail, properties } = data; let res = null; switch (content_type) { @@ -56,6 +58,7 @@ interface ReplyProps { } const Reply: FC = ({ mid, interactive = true }) => { + const { t } = useTranslation("chat"); const { data, users } = useAppSelector((store) => { return { data: store.message[mid], users: store.users.byId }; }); @@ -74,7 +77,13 @@ const Reply: FC = ({ mid, interactive = true }) => { }, 3000); } }; - if (!data) return null; + if (!data) return
{t("reply_msg_del")}
; const currUser = users[data.from_uid || 0]; if (!currUser) return null;