From 802b382b3682d15e7932607e1f1456038f69b85b Mon Sep 17 00:00:00 2001
From: GraceWalk <gracewalk1999@163.com>
Date: Thu, 22 Sep 2022 15:20:31 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20Topic=20Messages=20=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/TopicDetail/Messages.tsx        | 31 ++++++++++++-------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/Messages.tsx b/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/Messages.tsx
index eecf792a..1e1f6582 100644
--- a/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/Messages.tsx
+++ b/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/Messages.tsx
@@ -10,7 +10,7 @@ const defaultParams: any = {
   maxRecords: 100,
   pullTimeoutUnitMs: 5000,
   // filterPartitionId: 1,
-  filterOffsetReset: 0
+  filterOffsetReset: 0,
 };
 const defaultpaPagination = {
   current: 1,
@@ -32,8 +32,8 @@ const TopicMessages = (props: any) => {
 
   // 获取消息开始位置
   const offsetResetList = [
-    { 'label': 'latest', value: 0 },
-    { 'label': 'earliest', value: 1 }
+    { label: 'latest', value: 0 },
+    { label: 'earliest', value: 1 },
   ];
 
   // 默认排序
@@ -99,10 +99,10 @@ const TopicMessages = (props: any) => {
   const onTableChange = (pagination: any, filters: any, sorter: any, extra: any) => {
     setPagination(pagination);
     // 只有排序事件时，触发重新请求后端数据
-    if(extra.action === 'sort') {
+    if (extra.action === 'sort') {
       setSorter({
         sortField: sorter.field || '',
-        sortType: sorter.order ? sorter.order.substring(0, sorter.order.indexOf('end')) : ''
+        sortType: sorter.order ? sorter.order.substring(0, sorter.order.indexOf('end')) : '',
       });
     }
     // const asc = sorter?.order && sorter?.order === 'ascend' ? true : false;
@@ -137,11 +137,11 @@ const TopicMessages = (props: any) => {
           <Form form={form} layout="inline" onFinish={onFinish}>
             <Form.Item name="filterOffsetReset">
               <Select
-                  options={offsetResetList}
-                  size="small"
-                  style={{ width: '120px' }}
-                  className={'detail-table-select'}
-                  placeholder="请选择offset"
+                options={offsetResetList}
+                size="small"
+                style={{ width: '120px' }}
+                className={'detail-table-select'}
+                placeholder="请选择offset"
               />
             </Form.Item>
             <Form.Item name="filterPartitionId">
@@ -172,7 +172,14 @@ const TopicMessages = (props: any) => {
           style={{ margin: '12px 0 4px', padding: '7px 12px', background: '#FFF9E6' }}
           message={
             <div>
-              此处展示Topic最近的100条messages，若想获取其他messages，可前往<a onClick={jumpConsume}>Produce&Consume</a>进行操作
+              此处展示 Topic 最近的 100 条 messages。
+              {process.env.BUSINESS_VERSION ? (
+                <span>
+                  若想获取其他 messages，可前往 <a onClick={jumpConsume}>Produce&Consume</a> 进行操作
+                </span>
+              ) : (
+                ''
+              )}
             </div>
           }
           type="warning"
@@ -194,7 +201,7 @@ const TopicMessages = (props: any) => {
             bordered: false,
             onChange: onTableChange,
             scroll: { x: 'max-content' },
-            sortDirections: ['descend', 'ascend', 'default']
+            sortDirections: ['descend', 'ascend', 'default'],
           },
         }}
       />