From cac5cec6c7c158cd4942501e25690b4474e1bf8c Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Tue, 16 Aug 2022 10:52:42 +0800
Subject: [PATCH] refactor(gui-v2): move to GeneralShareBaseButton

---
 .../components/general/ShareBaseButton.vue    | 33 +++++++++++++++++++
 packages/nc-gui-v2/layouts/base.vue           | 26 +--------------
 2 files changed, 34 insertions(+), 25 deletions(-)
 create mode 100644 packages/nc-gui-v2/components/general/ShareBaseButton.vue

diff --git a/packages/nc-gui-v2/components/general/ShareBaseButton.vue b/packages/nc-gui-v2/components/general/ShareBaseButton.vue
new file mode 100644
index 0000000000..b33d45f67c
--- /dev/null
+++ b/packages/nc-gui-v2/components/general/ShareBaseButton.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import { useRoute } from '#imports'
+
+const route = useRoute()
+
+const showUserModal = $ref(false)
+
+const { isUIAllowed } = useUIPermission()
+</script>
+
+<template>
+  <div class="flex items-center mr-4">
+    <a-button
+      v-if="
+        isUIAllowed('newUser') &&
+        route.name !== 'index' &&
+        route.name !== 'project-index-create' &&
+        route.name !== 'project-index-create-external' &&
+        route.name !== 'index-user-index'
+      "
+      size="middle"
+      type="primary"
+      class="!bg-white !text-primary rounded"
+      @click="showUserModal = true"
+    >
+      <div class="flex items-center 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>
+</template>
diff --git a/packages/nc-gui-v2/layouts/base.vue b/packages/nc-gui-v2/layouts/base.vue
index 9e8acda62b..298336b28c 100644
--- a/packages/nc-gui-v2/layouts/base.vue
+++ b/packages/nc-gui-v2/layouts/base.vue
@@ -10,10 +10,6 @@ const route = useRoute()
 
 const email = computed(() => user.value?.email ?? '---')
 
-const { isUIAllowed } = useUIPermission()
-
-const showUserModal = $ref(false)
-
 const logout = () => {
   signOut()
   navigateTo('/signin')
@@ -47,27 +43,7 @@ const logout = () => {
 
           <div class="flex-1" />
 
-          <div class="flex items-center mr-4">
-            <a-button
-              v-if="
-                isUIAllowed('newUser') &&
-                route.name !== 'index' &&
-                route.name !== 'project-index-create' &&
-                route.name !== 'project-index-create-external' &&
-                route.name !== 'index-user-index'
-              "
-              size="middle"
-              type="primary"
-              class="!bg-white !text-primary rounded"
-              @click="showUserModal = true"
-            >
-              <div class="flex items-center 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>
+          <GeneralShareBaseButton />
 
           <a-tooltip placement="bottom">
             <template #title> Switch language </template>