From 53bb9e8d8f18d8918baac04d5d426c88414c8d73 Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Fri, 18 Oct 2024 09:37:34 +0700
Subject: [PATCH] refactor: use app button

---
 src/pages/05_quotation/QuotationForm.vue | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index 4f99f50e..e7a5436d 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -47,6 +47,7 @@ import {
   UndoButton,
   DeleteButton,
   CancelButton,
+  MainButton,
 } from 'components/button';
 import ProductServiceForm from './ProductServiceForm.vue';
 import QuotationFormInfo from './QuotationFormInfo.vue';
@@ -881,17 +882,14 @@ function storeDataLocal() {
 
     <footer class="surface-1 q-pa-md full-width">
       <div class="row full-width justify-between">
-        <q-btn
-          dense
-          outline
-          color="primary"
-          class="rounded"
-          padding="2px 8px"
+        <MainButton
+          outlined
+          icon="mdi-play-box-outline"
+          color="207 96% 32%"
           @click="storeDataLocal"
         >
-          <q-icon name="mdi-play-box-outline" size="xs" class="q-mr-xs" />
           {{ $t('general.view', { msg: $t('general.example') }) }}
-        </q-btn>
+        </MainButton>
         <div class="row" style="gap: var(--size-2)">
           <CancelButton solid @click="closeTab()" />
           <SaveButton