fix(gui-v2): add isUIAllowed in right nav bar

packages/nc-gui-v2/components/smartsheet/sidebar/MenuBottom.vue

@@ -11,7 +11,10 @@ const emits = defineEmits<Emits>()
 
 const { $e } = useNuxtApp()
 
+const { isUIAllowed } = useUIPermission()
+
 const isView = ref(false)
+
 let showApiSnippet = $ref(false)
 
 const showWebhookDrawer = ref(false)
@@ -33,6 +36,7 @@ function onOpenModal(type: ViewTypes, title = '') {
 
 <template>
   <a-menu :selected-keys="[]" class="flex-1 flex flex-col">
+    <div v-if="isUIAllowed('virtualViewsCreateOrEdit')">
       <h3 class="px-3 py-1 text-xs font-semibold flex items-center gap-4 text-gray-500">
         {{ $t('activity.createView') }}
       </h3>
@@ -73,7 +77,12 @@ function onOpenModal(type: ViewTypes, title = '') {
         </a-tooltip>
       </a-menu-item>
 
-    <a-menu-item v-if="!isView" key="form" class="group !flex !items-center !my-0 !h-[30px]" @click="onOpenModal(ViewTypes.FORM)">
+      <a-menu-item
+        v-if="!isView"
+        key="form"
+        class="group !flex !items-center !my-0 !h-[30px]"
+        @click="onOpenModal(ViewTypes.FORM)"
+      >
         <a-tooltip placement="left">
           <template #title>
             {{ $t('msg.info.addView.form') }}
@@ -90,10 +99,13 @@ function onOpenModal(type: ViewTypes, title = '') {
           </div>
         </a-tooltip>
       </a-menu-item>
+    </div>
 
     <SmartsheetSidebarMenuApiSnippet v-model="showApiSnippet" />
+
     <div class="flex-auto justify-end flex flex-col gap-4 mt-4">
       <button
+        v-if="isUIAllowed('virtualViewsCreateOrEdit')"
         class="flex items-center gap-2 w-full mx-3 px-4 py-3 rounded border transform translate-x-4 hover:(translate-x-0 shadow-lg) transition duration-150 ease !text-xs"
         @click="onWebhooks"
       >

packages/nc-gui-v2/components/smartsheet/sidebar/index.vue

@@ -12,6 +12,8 @@ const activeView = inject(ActiveViewInj, ref())
 
 const { views, loadViews } = useViews(meta)
 
+const { isUIAllowed } = useUIPermission()
+
 const router = useRouter()
 
 const route = useRoute()
@@ -128,7 +130,7 @@ function onCreate(view: GridType | FormType | KanbanType | GalleryType) {
     <div v-if="sidebarOpen" class="flex-1 flex flex-col">
       <MenuTop @open-modal="openModal" @deleted="loadViews" @sorted="loadViews" />
 
-      <a-divider class="my-2" />
+      <a-divider v-if="isUIAllowed('virtualViewsCreateOrEdit')" class="my-2" />
 
       <MenuBottom @open-modal="openModal" />
     </div>