From bb37f1b2e6172ad1f30240d66f09a7b5b96e1c47 Mon Sep 17 00:00:00 2001
From: Tristan Yang <yanggc888@163.com>
Date: Thu, 23 Mar 2023 11:41:46 +0800
Subject: [PATCH] chore: updates

---
 package.json                           | 2 +-
 src/common/component/Message/Reply.tsx | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index ffaf53eb..fa558ae8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vocechat-web",
-  "version": "0.3.53",
+  "version": "0.3.54",
   "private": true,
   "homepage": "https://voce.chat",
   "dependencies": {
diff --git a/src/common/component/Message/Reply.tsx b/src/common/component/Message/Reply.tsx
index 2bca8630..e851ca91 100644
--- a/src/common/component/Message/Reply.tsx
+++ b/src/common/component/Message/Reply.tsx
@@ -77,12 +77,11 @@ const Reply: FC<ReplyProps> = ({ mid, interactive = true }) => {
       }, 3000);
     }
   };
+  const defaultClass = `flex items-start flex-col md:flex-row p-2 bg-gray-100 dark:bg-gray-900 rounded-lg gap-2 mb-1`;
   if (!data) return <div
     key={mid}
     data-mid={mid}
-    className={clsx(`flex items-start flex-col md:flex-row p-2 bg-gray-100 italic dark:bg-gray-900 rounded-lg gap-2 mb-1`,
-      interactive ? "cursor-pointer" : "!bg-transparent"
-    )}
+    className={clsx(defaultClass, 'italic')}
   >{t("reply_msg_del")}</div>;
   const currUser = users[data.from_uid || 0];
   if (!currUser) return null;
@@ -91,7 +90,7 @@ const Reply: FC<ReplyProps> = ({ mid, interactive = true }) => {
     <div
       key={mid}
       data-mid={mid}
-      className={clsx(`flex items-start flex-col md:flex-row p-2 bg-gray-100 dark:bg-gray-900 rounded-lg gap-2 mb-1`,
+      className={clsx(defaultClass,
         interactive ? "cursor-pointer" : "!bg-transparent"
       )}
       onClick={interactive ? handleClick : undefined}