feat: add share base button to top right

Signed-off-by: mertmit <mertmit99@gmail.com>

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" />

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>
 

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);