fix(nc-gui): copy text btn

packages/nc-gui/components/dashboard/MiniSidebar/Help.vue

@@ -6,6 +6,7 @@ interface ItemType {
   link: string
   subItems?: ItemType[]
   onClick?: () => void
+  copyBtn?: boolean
 }
 
 interface CategoryItemType {
@@ -21,6 +22,8 @@ const { navigateToFeed } = useWorkspace()
 
 const visible = ref(false)
 
+const copyBtnRef = ref()
+
 const helpItems: CategoryItemType[] = [
   {
     category: t('general.resources'),
@@ -74,6 +77,18 @@ const helpItems: CategoryItemType[] = [
       },
     ],
   },
+  {
+    category: t('general.contactSupport'),
+    items: [
+      {
+        title: 'support@nocodb.com',
+        icon: 'ncMail',
+        e: 'c:nocodb:contact-us-mail-copy',
+        link: '',
+        copyBtn: true,
+      },
+    ],
+  },
   {
     category: t('title.whatsNew'),
     items: [
@@ -86,17 +101,6 @@ const helpItems: CategoryItemType[] = [
       },
     ],
   },
-  {
-    category: t('general.support'),
-    items: [
-      {
-        title: t('general.contactUs'),
-        icon: 'ncHeadphone',
-        e: 'c:nocodb:contact-us-open',
-        link: 'mailto:support@nocodb.com',
-      },
-    ],
-  },
 ]
 
 const openUrl = (item: ItemType) => {
@@ -109,15 +113,19 @@ const openUrl = (item: ItemType) => {
     visible.value = false
   } else if (item.link.startsWith('http')) {
     window.open(item.link, '_blank')
-  } else {
+  } else if (item.link) {
     openLinkUsingATag(item.link, '_blank')
   }
+
+  if (item.copyBtn && copyBtnRef.value) {
+    copyBtnRef.value?.[0]?.copyContent?.(item.title)
+  }
 }
 </script>
 
 <template>
   <div class="nc-mini-sidebar-btn-full-width">
-    <NcDropdown v-model:visible="visible" overlay-class-name="!min-w-55 !left-1">
+    <NcDropdown v-model:visible="visible" placement="right" overlay-class-name="!min-w-55">
       <div class="w-full py-1 flex items-center justify-center">
         <div
           class="nc-mini-sidebar-btn"
@@ -153,6 +161,14 @@ const openUrl = (item: ItemType) => {
               <NcMenuItem v-else @click="openUrl(item)">
                 <GeneralIcon v-if="item.icon" :icon="item.icon" class="h-4 w-4" />
                 {{ item.title }}
+
+                <GeneralCopyButton
+                  ref="copyBtnRef"
+                  type="secondary"
+                  v-if="item.copyBtn"
+                  :content="item.title"
+                  :show-toast="false"
+                />
               </NcMenuItem>
             </template>
           </template>