From 0030fda2cfcd0d36a498acf96b0ea504243e3782 Mon Sep 17 00:00:00 2001
From: shuai <lishuailing@sifou.com>
Date: Fri, 15 Mar 2024 15:45:00 +0800
Subject: [PATCH] fix: review ui update

---
 ui/config-overrides.js                             |  4 ++--
 .../pages/Review/components/FlagContent/index.tsx  | 14 +++++++++++---
 .../Review/components/QueuedContent/index.tsx      |  8 ++++++--
 3 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/ui/config-overrides.js b/ui/config-overrides.js
index 11496b08..b3ff6e8a 100644
--- a/ui/config-overrides.js
+++ b/ui/config-overrides.js
@@ -118,8 +118,8 @@ module.exports = {
           test: /[\/]node_modules[\/]/,
           priority: 2,
           minChunks: 2,
-          chunks: 'async', // 仅打包异步引用的依赖
-          reuseExistingChunk: true, // 重复使用已经存在的块
+          chunks: 'async', // only package dependencies that are referenced asynchronously
+          reuseExistingChunk: true, // reuse an existing block
         },
         nodesInitial: {
           name: 'chunk-nodesInitial',
diff --git a/ui/src/pages/Review/components/FlagContent/index.tsx b/ui/src/pages/Review/components/FlagContent/index.tsx
index 11056c89..ed98e5b6 100644
--- a/ui/src/pages/Review/components/FlagContent/index.tsx
+++ b/ui/src/pages/Review/components/FlagContent/index.tsx
@@ -112,9 +112,13 @@ const Index: FC<IProps> = ({ refreshCount }) => {
         <Alert variant="info" className="border-0 rounded-0 mb-0">
           <Stack
             direction="horizontal"
-            gap={1}
+            gap={0.5}
             className="align-items-center mb-2">
-            <BaseUserCard data={submitter_user} avatarSize="24" />
+            <BaseUserCard
+              data={submitter_user}
+              avatarSize="24px"
+              avatarClass="me-2"
+            />
             {flagItemData?.submit_at && (
               <FormatTime
                 time={flagItemData.submit_at}
@@ -175,7 +179,11 @@ const Index: FC<IProps> = ({ refreshCount }) => {
               )}
             </div>
             <div className="d-flex align-items-center small">
-              <BaseUserCard data={author_user_info} avatarSize="24" />
+              <BaseUserCard
+                data={author_user_info}
+                avatarSize="24px"
+                avatarClass="me-2"
+              />
               <FormatTime
                 time={Number(flagItemData?.created_at)}
                 className="text-secondary ms-1 flex-shrink-0"
diff --git a/ui/src/pages/Review/components/QueuedContent/index.tsx b/ui/src/pages/Review/components/QueuedContent/index.tsx
index bd22d297..3f4b3fe5 100644
--- a/ui/src/pages/Review/components/QueuedContent/index.tsx
+++ b/ui/src/pages/Review/components/QueuedContent/index.tsx
@@ -105,7 +105,7 @@ const Index: FC<IProps> = ({ refreshCount }) => {
             gap={1}
             className="align-items-center mb-2">
             <div className="small d-flex align-items-center">
-              <Icon type="bi" name="plugin" size="24px" className="me-1" />
+              <Icon type="bi" name="plugin" size="24px" className="me-2 lh-1" />
               <span>{flagItemData?.submitter_display_name}</span>
             </div>
             {flagItemData?.submit_at && (
@@ -164,7 +164,11 @@ const Index: FC<IProps> = ({ refreshCount }) => {
               )}
             </div>
             <div className="d-flex align-items-center small">
-              <BaseUserCard data={author_user_info} avatarSize="24" />
+              <BaseUserCard
+                data={author_user_info}
+                avatarSize="24"
+                avatarClass="me-2"
+              />
               <FormatTime
                 time={Number(flagItemData?.created_at)}
                 className="text-secondary ms-1 flex-shrink-0"