From dd42f5e54e358ce01fdacdfba918f77e90540c3d Mon Sep 17 00:00:00 2001
From: CrescentLeaf <crescentleaf@noreply.codeberg.org>
Date: Wed, 8 Oct 2025 15:00:31 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=B8=8D=E8=83=BD=E6=AD=A3=E5=B8=B8?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E7=B3=BB=E7=BB=9F=E6=B6=88=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/ui/chat/ChatFragment.tsx                         | 6 ++++--
 client/ui/chat/{SystemMessage.jsx => SystemMessage.tsx} | 7 ++-----
 2 files changed, 6 insertions(+), 7 deletions(-)
 rename client/ui/chat/{SystemMessage.jsx => SystemMessage.tsx} (82%)

diff --git a/client/ui/chat/ChatFragment.tsx b/client/ui/chat/ChatFragment.tsx
index 9e75438..405c78d 100644
--- a/client/ui/chat/ChatFragment.tsx
+++ b/client/ui/chat/ChatFragment.tsx
@@ -25,7 +25,8 @@ import SelectPreference from '../preference/SelectPreference.tsx'
 import TextFieldPreference from '../preference/TextFieldPreference.tsx'
 import Preference from '../preference/Preference.tsx'
 import GroupSettings from "../../api/client_data/GroupSettings.ts"
-import PreferenceUpdater from "../preference/PreferenceUpdater.ts";
+import PreferenceUpdater from "../preference/PreferenceUpdater.ts"
+import SystemMessage from "./SystemMessage.tsx"
 
 interface Args extends React.HTMLAttributes<HTMLElement> {
     target: string
@@ -323,7 +324,7 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
                                     const lastDate = date
                                     date = new Date(msg.time)
 
-                                    const msgElement = <Element_Message
+                                    const msgElement = msg.user_id == null ? <SystemMessage>{msg.text}</SystemMessage> :<Element_Message
                                         rawData={msg.text}
                                         renderHTML={rendeText}
                                         message={msg}
@@ -336,6 +337,7 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
                                     return (
                                         <>
                                             {
+                                                msg.user_id != null &&
                                                 (date.getMinutes() != lastDate.getMinutes() || date.getDate() != lastDate.getDate() || date.getMonth() != lastDate.getMonth() || date.getFullYear() != lastDate.getFullYear())
                                                 && <mdui-tooltip content={`${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日  ${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`}>
                                                     <div style={{
diff --git a/client/ui/chat/SystemMessage.jsx b/client/ui/chat/SystemMessage.tsx
similarity index 82%
rename from client/ui/chat/SystemMessage.jsx
rename to client/ui/chat/SystemMessage.tsx
index c9b9f4b..d3ada3b 100644
--- a/client/ui/chat/SystemMessage.jsx
+++ b/client/ui/chat/SystemMessage.tsx
@@ -1,8 +1,5 @@
-/**
- * 一条系统提示消息
- * @returns { React.JSX.Element }
- */
-export default function SystemMessage({ children } = {}) {
+
+export default function SystemMessage({ children }: React.HTMLAttributes<HTMLElement>) {
     return (
         <div style={{
             width: '100%',