From 557f95564a4c506390f0824da1ad2c785433bdd5 Mon Sep 17 00:00:00 2001
From: Charles Zhao <charleszhao@silverhand.io>
Date: Tue, 9 Apr 2024 17:27:53 +0800
Subject: [PATCH] refactor(console): hide switching tabs and invite button for
 collaborators (#5654)

---
 .../TenantSettings/TenantMembers/index.tsx    | 28 +++++++++----------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/packages/console/src/pages/TenantSettings/TenantMembers/index.tsx b/packages/console/src/pages/TenantSettings/TenantMembers/index.tsx
index 24aff9b71..9af808b80 100644
--- a/packages/console/src/pages/TenantSettings/TenantMembers/index.tsx
+++ b/packages/console/src/pages/TenantSettings/TenantMembers/index.tsx
@@ -50,16 +50,16 @@ function TenantMembers() {
         className={styles.chargeNotification}
         checkedFlagKey="tenantMember"
       />
-      <div className={styles.tabButtons}>
-        <Button
-          className={classNames(styles.button, !isInvitationTab && styles.active)}
-          icon={<MembersIcon />}
-          title="tenant_members.members"
-          onClick={() => {
-            navigate('.');
-          }}
-        />
-        {canInviteMember && (
+      {canInviteMember && (
+        <div className={styles.tabButtons}>
+          <Button
+            className={classNames(styles.button, !isInvitationTab && styles.active)}
+            icon={<MembersIcon />}
+            title="tenant_members.members"
+            onClick={() => {
+              navigate('.');
+            }}
+          />
           <Button
             className={classNames(styles.button, isInvitationTab && styles.active)}
             icon={<InvitationIcon />}
@@ -68,9 +68,7 @@ function TenantMembers() {
               navigate('invitations');
             }}
           />
-        )}
-        <Spacer />
-        {canInviteMember && (
+          <Spacer />
           <Button
             type="primary"
             size="large"
@@ -80,8 +78,8 @@ function TenantMembers() {
               setShowInviteModal(true);
             }}
           />
-        )}
-      </div>
+        </div>
+      )}
       <Routes>
         <Route path="*" element={<NotFound />} />
         <Route index element={<Members />} />