From 27eb7690bac28b328662813058ebbaf3ece7c093 Mon Sep 17 00:00:00 2001
From: Anwarul Islam <anwaarulislaam@gmail.com>
Date: Fri, 21 Jul 2023 20:10:34 +0600
Subject: [PATCH] feat: prevent row click on certain cell

---
 packages/hoppscotch-ui/src/components/smart/Table.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/hoppscotch-ui/src/components/smart/Table.vue b/packages/hoppscotch-ui/src/components/smart/Table.vue
index b27edc7cc..a14414331 100644
--- a/packages/hoppscotch-ui/src/components/smart/Table.vue
+++ b/packages/hoppscotch-ui/src/components/smart/Table.vue
@@ -21,7 +21,7 @@
           <td
             v-for="cellHeading in headings"
             :key="cellHeading.key"
-            @click="onRowClicked(rowData)"
+            @click="!cellHeading.preventClick && onRowClicked(rowData)"
             class="max-w-40"
             :class="cellStyles"
           >
@@ -42,7 +42,11 @@
 </template>
 
 <script lang="ts" setup generic="Item extends Record<string, unknown>">
-export type CellHeading = { label?: string; key: string }
+export type CellHeading = {
+  key: string
+  label?: string
+  preventClick?: boolean
+}
 
 defineProps<{
   /** Whether to show the vertical border between columns */