From 9f7b4340ebeb1714b6fb44cbbea7703426df0e0b Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Fri, 8 Nov 2024 14:40:18 +0700
Subject: [PATCH] refactor: edit btn preview

---
 .../05_quotation/TableQuotation.vue           | 21 ++++++++++---------
 src/pages/05_quotation/constants.ts           |  7 -------
 2 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/src/components/05_quotation/TableQuotation.vue b/src/components/05_quotation/TableQuotation.vue
index cf63b0b5..74d91a83 100644
--- a/src/components/05_quotation/TableQuotation.vue
+++ b/src/components/05_quotation/TableQuotation.vue
@@ -3,6 +3,7 @@ import { QTableProps } from 'quasar';
 import { dateFormat } from 'src/utils/datetime';
 
 import { formatNumberDecimal, commaInput } from 'stores/utils';
+
 import BadgeComponent from 'components/BadgeComponent.vue';
 import KebabAction from 'components/shared/KebabAction.vue';
 
@@ -120,17 +121,17 @@ defineEmits<{
           />
         </q-td>
 
-        <q-td v-if="visibleColumns.includes('example')">
-          <span
-            class="text-primary cursor-pointer"
-            style="text-decoration: underline"
-            @click="$emit('preview', props.row.id)"
-          >
-            Preview
-          </span>
-        </q-td>
-
         <q-td class="text-right">
+          <q-btn
+            :id="`btn-eye-${props.row.firstName}`"
+            icon="mdi-play-box-outline"
+            size="sm"
+            dense
+            round
+            flat
+            @click.stop="$emit('preview', props.row.id)"
+          />
+
           <q-btn
             :id="`btn-eye-${props.row.firstName}`"
             icon="mdi-eye-outline"
diff --git a/src/pages/05_quotation/constants.ts b/src/pages/05_quotation/constants.ts
index 129a1b00..a7a08a9b 100644
--- a/src/pages/05_quotation/constants.ts
+++ b/src/pages/05_quotation/constants.ts
@@ -117,13 +117,6 @@ export const columnQuotation = [
     field: 'status',
   },
 
-  {
-    name: 'example',
-    align: 'left',
-    label: 'general.example',
-    field: 'example',
-  },
-
   {
     name: 'action',
     align: 'left',