From 8605dfe6b2a696f9c682b2736c338222478eb2c8 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 12 Aug 2022 12:00:05 +0800
Subject: [PATCH] fix(gui-v2): add isUIAllowed('rowComments') to expanded form
 header

---
 .../components/smartsheet/expanded-form/Header.vue    | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui-v2/components/smartsheet/expanded-form/Header.vue b/packages/nc-gui-v2/components/smartsheet/expanded-form/Header.vue
index 8a9f6dc12c..efc07bad30 100644
--- a/packages/nc-gui-v2/components/smartsheet/expanded-form/Header.vue
+++ b/packages/nc-gui-v2/components/smartsheet/expanded-form/Header.vue
@@ -10,9 +10,13 @@ import MdiDoorOpen from '~icons/mdi/door-open'
 import MdiDoorClosed from '~icons/mdi/door-closed'
 
 const emit = defineEmits(['cancel'])
+
 const { meta } = useSmartsheetStoreOrThrow()
+
 const { commentsDrawer, primaryValue, save: _save } = useExpandedFormStoreOrThrow()
+
 const { isNew, syncLTARRefs } = useSmartsheetRowStoreOrThrow()
+
 const { isUIAllowed } = useUIPermission()
 
 const save = async () => {
@@ -45,7 +49,12 @@ const iconColor = '#1890ff'
     </h5>
     <div class="flex-grow" />
     <mdi-reload class="cursor-pointer select-none" />
-    <component :is="drawerToggleIcon" class="cursor-pointer select-none" @click="commentsDrawer = !commentsDrawer" />
+    <component
+      :is="drawerToggleIcon"
+      v-if="isUIAllowed('rowComments')"
+      class="cursor-pointer select-none"
+      @click="commentsDrawer = !commentsDrawer"
+    />
     <a-button size="small" class="!text" @click="emit('cancel')">
       <!-- Cancel -->
       {{ $t('general.cancel') }}