From eed1d48588654b95ff72e1122fd23963eab5a3e7 Mon Sep 17 00:00:00 2001
From: sreehari jayaraj <sreeharivijaya2003@gmail.com>
Date: Fri, 15 Sep 2023 15:36:48 +0530
Subject: [PATCH] fix: missing ui features in context menu

---
 .../components/dashboard/TreeView/ProjectNode.vue    | 12 +++++++++---
 packages/nc-gui/components/nc/MenuItem.vue           |  2 +-
 .../nc-gui/components/smartsheet/header/Menu.vue     |  4 ++--
 packages/nc-gui/windi.config.ts                      |  3 +++
 4 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue b/packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue
index 0c75b6c682..587e093626 100644
--- a/packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue
+++ b/packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue
@@ -530,7 +530,13 @@ const DlgProjectDuplicateOnOk = async (jobData: { id: string; project_id: string
                   <GeneralIcon icon="settings" class="group-hover:text-black" />
                   {{ $t('activity.settings') }}
                 </NcMenuItem>
-
+                <template v-if="project.bases && project.bases[0]">
+                  <NcDivider />
+                  <!-- Import Data -->
+                  <DashboardTreeViewBaseOptions v-model:project="project" :base="project.bases[0]" />
+                  <NcDivider />
+                </template>
+                <!-- Delete -->
                 <NcMenuItem
                   v-if="isUIAllowed('projectDelete', { roles: [stringifyRolesObj(orgRoles), projectRole].join() })"
                   data-testid="nc-sidebar-project-delete"
@@ -712,8 +718,8 @@ const DlgProjectDuplicateOnOk = async (jobData: { id: string; project_id: string
               {{ $t('general.duplicate') }}
             </div>
           </NcMenuItem>
-
-          <NcMenuItem v-if="isUIAllowed('tableDelete')" @click="isTableDeleteDialogVisible = true">
+          <NcDivider />
+          <NcMenuItem v-if="isUIAllowed('table-delete')" class="!hover:bg-red-50" @click="isTableDeleteDialogVisible = true">
             <div class="nc-project-option-item text-red-600">
               <GeneralIcon icon="delete" />
               {{ $t('general.delete') }}
diff --git a/packages/nc-gui/components/nc/MenuItem.vue b/packages/nc-gui/components/nc/MenuItem.vue
index e06a68ae0d..dc73db2ee9 100644
--- a/packages/nc-gui/components/nc/MenuItem.vue
+++ b/packages/nc-gui/components/nc/MenuItem.vue
@@ -8,7 +8,7 @@
 
 <style lang="scss">
 .ant-dropdown-menu-item.nc-menu-item {
-  @apply py-2 px-2 mx-1.5 font-normal text-sm rounded-md overflow-hidden hover:bg-gray-100;
+  @apply py-2 px-2 mx-1.5 font-normal text-dropdown rounded-md overflow-hidden hover:bg-gray-100;
 }
 
 .nc-menu-item-inner {
diff --git a/packages/nc-gui/components/smartsheet/header/Menu.vue b/packages/nc-gui/components/smartsheet/header/Menu.vue
index 068724ff7f..210baf7c5e 100644
--- a/packages/nc-gui/components/smartsheet/header/Menu.vue
+++ b/packages/nc-gui/components/smartsheet/header/Menu.vue
@@ -360,7 +360,7 @@ const onInsertAfter = () => {
         </a-menu-item>
         <a-divider class="!my-0" />
 
-        <a-menu-item v-if="!column?.pv" @click="handleDelete">
+        <a-menu-item v-if="!column?.pv" @click="handleDelete" class="!hover:bg-red-50">
           <div class="nc-column-delete nc-header-menu-item my-0.75 text-red-600">
             <component :is="iconMap.delete" class="ml-0.75 mr-1" />
             <!-- Delete -->
@@ -375,7 +375,7 @@ const onInsertAfter = () => {
 
 <style scoped>
 .nc-header-menu-item {
-  @apply text-xs flex items-center px-1 py-2 gap-1;
+  @apply text-dropdown flex items-center px-1 py-2 gap-1;
 }
 
 .nc-column-options {
diff --git a/packages/nc-gui/windi.config.ts b/packages/nc-gui/windi.config.ts
index 1006ceecdd..db55f78fb6 100644
--- a/packages/nc-gui/windi.config.ts
+++ b/packages/nc-gui/windi.config.ts
@@ -165,6 +165,9 @@ export default defineConfig({
         dark: colors.dark,
         light: colors.light,
       },
+      fontSize: {
+        dropdown: '0.85rem',
+      },
     },
   },
 })