From a986984bae36a12e6d7309f7c07a5f517031a7be Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Fri, 2 Dec 2022 20:58:25 +0300
Subject: [PATCH] feat: add share base button to top right

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 .../nc-gui/components/general/ShareBaseButton.vue | 15 +++++++++------
 .../[projectType]/[projectId]/index/index.vue     |  1 +
 .../playwright/pages/Dashboard/Settings/Teams.ts  |  4 ++++
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui/components/general/ShareBaseButton.vue b/packages/nc-gui/components/general/ShareBaseButton.vue
index b010809848..3d9088e684 100644
--- a/packages/nc-gui/components/general/ShareBaseButton.vue
+++ b/packages/nc-gui/components/general/ShareBaseButton.vue
@@ -37,13 +37,16 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
 </script>
 
 <template>
-  <div class="flex items-center w-full pl-3 hover:(text-primary bg-primary bg-opacity-5)" @click="showUserModal = true">
+  <div class="flex items-center h-full" @click="showUserModal = true">
     <div v-if="isShareBaseAllowed">
-      <div class="flex items-center space-x-1">
-        <MdiAccountPlusOutline class="mr-1 nc-share-base" />
-
-        <div>{{ $t('activity.inviteTeam') }}</div>
-      </div>
+      <a-tooltip placement="left">
+        <template #title>
+          <span class="text-xs">{{ $t('activity.inviteTeam') }}</span>
+        </template>
+        <div class="flex items-center space-x-1 cursor-pointer">
+          <MdiAccountPlusOutline class="mr-1 nc-share-base text-gray-300 hover:text-accent" />
+        </div>
+      </a-tooltip>
     </div>
 
     <LazyTabsAuthUserManagementUsersModal :show="showUserModal" @closed="showUserModal = false" />
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
index a2f5ab7d0a..8b5d7709d2 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
@@ -75,6 +75,7 @@ function onEdit(targetKey: number, action: 'add' | 'remove' | string) {
           </div>
         </div>
 
+        <LazyGeneralShareBaseButton />
         <LazyGeneralFullScreen class="nc-fullscreen-icon" />
       </div>
 
diff --git a/tests/playwright/pages/Dashboard/Settings/Teams.ts b/tests/playwright/pages/Dashboard/Settings/Teams.ts
index 581bc5d698..0bc59edaef 100644
--- a/tests/playwright/pages/Dashboard/Settings/Teams.ts
+++ b/tests/playwright/pages/Dashboard/Settings/Teams.ts
@@ -28,6 +28,10 @@ export class TeamsPage extends BasePage {
     return this.rootPage.getByTestId('nc-share-base-sub-modal');
   }
 
+  async clickInviteTeamBtn() {
+    await this.inviteTeamBtn.click();
+  }
+
   async invite({ email, role, skipOpeningModal }: { email: string; role: string; skipOpeningModal?: boolean }) {
     email = this.prefixEmail(email);