From 29ff2cd0dbf097ef85dc910a0ffe6d0073d35811 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Tue, 17 Jan 2023 18:29:37 +0530
Subject: [PATCH] fix(gui): inject readonly property to cell

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/cell/Checkbox.vue   | 2 +-
 packages/nc-gui/components/smartsheet/Grid.vue | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/cell/Checkbox.vue b/packages/nc-gui/components/cell/Checkbox.vue
index 6b1bd0e50c..dfffdec862 100644
--- a/packages/nc-gui/components/cell/Checkbox.vue
+++ b/packages/nc-gui/components/cell/Checkbox.vue
@@ -65,7 +65,7 @@ useSelectedCellKeyupListener(active, (e) => {
   <div
     class="flex cursor-pointer"
     :class="{
-      'justify-center': !isForm && !readOnly,
+      'justify-center': !isForm,
       'w-full': isForm,
       'nc-cell-hover-show': !vModel && !readOnly,
       'opacity-0': readOnly && !vModel,
diff --git a/packages/nc-gui/components/smartsheet/Grid.vue b/packages/nc-gui/components/smartsheet/Grid.vue
index 92b0092225..d69e7db815 100644
--- a/packages/nc-gui/components/smartsheet/Grid.vue
+++ b/packages/nc-gui/components/smartsheet/Grid.vue
@@ -806,6 +806,7 @@ const closeAddColumnDropdown = () => {
                         :active="activeCell.col === colIndex && activeCell.row === rowIndex"
                         :row="row"
                         @navigate="onNavigate"
+                        :read-only="readOnly"
                       />
 
                       <LazySmartsheetCell
@@ -821,6 +822,7 @@ const closeAddColumnDropdown = () => {
                         @save="updateOrSaveRow(row, columnObj.title, state)"
                         @navigate="onNavigate"
                         @cancel="editEnabled = false"
+                        :read-only="readOnly"
                       />
                     </div>
                   </SmartsheetTableDataCell>