From 7ea706936e743d862b6fd0fd8df8683429042678 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Tue, 3 Jan 2023 22:18:15 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E5=9C=A8=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E4=BF=A1=E6=81=AF=E6=B2=A1=E6=9C=89=E8=8E=B7=E5=8F=96?=
 =?UTF-8?q?=E5=88=B0=E5=89=8D=E7=95=8C=E9=9D=A2=E7=9A=84=E8=A1=A8=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/web/src/components/ChatBox/ChatMessageList/Item.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/web/src/components/ChatBox/ChatMessageList/Item.tsx b/client/web/src/components/ChatBox/ChatMessageList/Item.tsx
index a3d016ac..9ff9c053 100644
--- a/client/web/src/components/ChatBox/ChatMessageList/Item.tsx
+++ b/client/web/src/components/ChatBox/ChatMessageList/Item.tsx
@@ -97,7 +97,9 @@ const NormalMessage: React.FC<ChatMessageItemProps> = React.memo((props) => {
       >
         {showAvatar && (
           <div className="flex items-center">
-            <div className="font-bold">{userInfo.nickname}</div>
+            <div className="font-bold">
+              {userInfo.nickname ?? <span>&nbsp;</span>}
+            </div>
             <div className="hidden group-hover:block opacity-40 ml-1 text-sm">
               {formatShortTime(payload.createdAt)}
             </div>