From de06b3ef2abb255ec7033fc44ec1e5c6def6fbfc Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Sat, 7 Dec 2024 07:37:13 +0000
Subject: [PATCH] fix(nc-gui): row warning lint issue

---
 .../nc-gui/components/smartsheet/column/EditOrAdd.vue     | 5 ++---
 .../nc-gui/components/smartsheet/grid/InfiniteTable.vue   | 8 ++++----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue b/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue
index e190808f51..3f65429185 100644
--- a/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue
+++ b/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue
@@ -620,8 +620,8 @@ watch(activeAiTab, (newValue) => {
 
 <template>
   <div
-    ref="editOrAddRef"
     v-if="!warningVisible"
+    ref="editOrAddRef"
     class="overflow-auto nc-scrollbar-md"
     :class="{
       'bg-white max-h-[max(80vh,500px)]': !props.fromTableExplorer,
@@ -1306,9 +1306,8 @@ watch(activeAiTab, (newValue) => {
 
         <template v-else>
           <div
-            class="flex items-center justify-between gap-2 empty:hidden"
+            class="flex items-center justify-between gap-2 empty:hidden sticky bottom-0 z-10 bg-white px-5 pb-5 -mx-5"
             :class="{
-              'sticky bottom-0 z-10 bg-white px-5 pb-5 -mx-5': true,
               'border-t-1 border-nc-border-gray-medium pt-3': isScrollEnabled,
             }"
           >
diff --git a/packages/nc-gui/components/smartsheet/grid/InfiniteTable.vue b/packages/nc-gui/components/smartsheet/grid/InfiniteTable.vue
index 8a170dd212..303fa91d34 100644
--- a/packages/nc-gui/components/smartsheet/grid/InfiniteTable.vue
+++ b/packages/nc-gui/components/smartsheet/grid/InfiniteTable.vue
@@ -2139,7 +2139,7 @@ watch(vSelectedAllRecords, (selectedAll) => {
                   :row="row"
                 >
                   <template #default="{ state }">
-                    <tr
+                    <div
                       v-if="row.rowMeta?.isValidationFailed"
                       :style="{
                         top: `${(index + 1) * rowHeight - 6}px`,
@@ -2160,8 +2160,8 @@ watch(vSelectedAllRecords, (selectedAll) => {
                           <GeneralIcon icon="info" class="w-4 h-4 text-gray-800" />
                         </NcTooltip>
                       </div>
-                    </tr>
-                    <tr
+                    </div>
+                    <div
                       v-if="row.rowMeta?.isRowOrderUpdated"
                       :style="{
                         top: `${(index + 1) * rowHeight - 6}px`,
@@ -2180,7 +2180,7 @@ watch(vSelectedAllRecords, (selectedAll) => {
                           <GeneralIcon icon="info" class="w-4 h-4 text-gray-800" />
                         </NcTooltip>
                       </div>
-                    </tr>
+                    </div>
                     <tr
                       class="nc-grid-row transition transition-opacity duration-500 opacity-100 !xs:h-14"
                       :style="{