From 41b392f3ff7d03f9b7d5203013b1c97532041817 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 17 Aug 2022 18:27:13 +0800
Subject: [PATCH] feat(gui-v2): disable add row in form view

---
 .../smartsheet/sidebar/toolbar/AddRow.vue          | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui-v2/components/smartsheet/sidebar/toolbar/AddRow.vue b/packages/nc-gui-v2/components/smartsheet/sidebar/toolbar/AddRow.vue
index 47778ad5b3..1037f731e6 100644
--- a/packages/nc-gui-v2/components/smartsheet/sidebar/toolbar/AddRow.vue
+++ b/packages/nc-gui-v2/components/smartsheet/sidebar/toolbar/AddRow.vue
@@ -1,14 +1,20 @@
 <script setup lang="ts">
 const emits = defineEmits(['addRow'])
 const { isOpen } = useSidebar({ storageKey: 'nc-right-sidebar' })
+const isLocked = inject(IsLockedInj)
 </script>
 
 <template>
   <a-tooltip :placement="isOpen ? 'bottomRight' : 'left'">
     <template #title> {{ $t('activity.addRow') }} </template>
-
-    <div class="nc-sidebar-right-item hover:after:bg-primary/75 group nc-sidebar-add-row">
-      <MdiPlusOutline class="cursor-pointer group-hover:(!text-white)" @click="emits('addRow')" />
+    <div
+      :class="{ 'hover:after:bg-primary/75 group': !isLocked, 'disabled-ring': isLocked }"
+      class="nc-sidebar-right-item nc-sidebar-add-row"
+    >
+      <MdiPlusOutline
+        :class="{ 'cursor-pointer group-hover:(!text-white)': !isLocked, 'disabled': isLocked }"
+        @click="!isLocked ? emits('addRow') : {}"
+      />
     </div>
   </a-tooltip>
-</template>
+</template>
\ No newline at end of file