From b5fc45e7553c08006a791ec34e39812114c59009 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 13 Aug 2022 18:04:15 +0800
Subject: [PATCH] feat(gui-v2): share button on right top in navbar

---
 packages/nc-gui-v2/layouts/base.vue | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/packages/nc-gui-v2/layouts/base.vue b/packages/nc-gui-v2/layouts/base.vue
index a99c63a5cf..70c15dead4 100644
--- a/packages/nc-gui-v2/layouts/base.vue
+++ b/packages/nc-gui-v2/layouts/base.vue
@@ -8,6 +8,10 @@ const route = useRoute()
 
 const email = computed(() => user.value?.email ?? '---')
 
+const { isUIAllowed } = useUIPermission()
+
+const showUserModal = $ref(false)
+
 const logout = () => {
   signOut()
   navigateTo('/signin')
@@ -41,6 +45,22 @@ const logout = () => {
 
           <div class="flex-1" />
 
+          <div class="flex items-center mr-4">
+            <a-button
+              v-if="isUIAllowed('newUser')"
+              size="middle"
+              type="primary"
+              class="!bg-white !text-primary rounded"
+              @click="showUserModal = true"
+            >
+              <div class="flex flex-row justify-center items-center caption capitalize space-x-1">
+                <mdi-account-supervisor-outline class="mr-1" />
+                <div>{{ $t('activity.share') }}</div>
+              </div>
+            </a-button>
+            <TabsAuthUserManagementUsersModal :key="showUserModal" :show="showUserModal" @closed="showUserModal = false" />
+          </div>
+
           <a-tooltip placement="left">
             <template #title> Switch language </template>