From 2e22275d605ca74454c6373113aa226f521a9f5f Mon Sep 17 00:00:00 2001
From: zhangjingwei <zhang.jingwei@99cloud.net>
Date: Tue, 18 Oct 2022 10:41:27 +0800
Subject: [PATCH] fix: update the id/name column of listener members

Update the id/name column in the member list tab in the load balance listener detail page to keep the unified style

Change-Id: I9c648b56316a48786ae5c67b3dc248ebbd1d481c
---
 .../LoadBalancers/Listener/Detail/Member/index.jsx | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/src/pages/network/containers/LoadBalancers/Listener/Detail/Member/index.jsx b/src/pages/network/containers/LoadBalancers/Listener/Detail/Member/index.jsx
index 19e46422..0620bf2d 100644
--- a/src/pages/network/containers/LoadBalancers/Listener/Detail/Member/index.jsx
+++ b/src/pages/network/containers/LoadBalancers/Listener/Detail/Member/index.jsx
@@ -12,11 +12,11 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import React from 'react';
 import { observer, inject } from 'mobx-react';
 import Base from 'containers/List';
 import { provisioningStatusCodes } from 'resources/octavia/lb';
 import globalPoolMemberStore from 'stores/octavia/pool-member';
+import { idNameColumn } from 'utils/table';
 import { actionConfigs, adminActions } from './Actions';
 
 export class Members extends Base {
@@ -61,17 +61,7 @@ export class Members extends Base {
   }
 
   getColumns = () => [
-    {
-      title: t('ID/Name'),
-      dataIndex: 'name',
-      stringify: (name, record) => name || record.id,
-      render: (name, item) => (
-        <>
-          {item.id}
-          <div>{name && `(${name})`}</div>
-        </>
-      ),
-    },
+    idNameColumn,
     {
       title: t('Status'),
       dataIndex: 'provisioning_status',