refactor: add btn canceled

src/pages/08_request-list/TableRequestList.vue

@@ -9,6 +9,8 @@ import { RequestData } from 'src/stores/request-list/types';
 import { RequestDataStatus } from 'src/stores/request-list/types';
 import useOptionStore from 'src/stores/options';
 
+import KebabAction from 'src/components/shared/KebabAction.vue';
+
 const props = withDefaults(
   defineProps<{
     rows: QTableProps['rows'];
@@ -26,6 +28,7 @@ const props = withDefaults(
 
 defineEmits<{
   (e: 'view', data: RequestData): void;
+  (e: 'delete', data: RequestData): void;
 }>();
 
 function getCustomerName(
@@ -135,7 +138,7 @@ function getEmployeeName(
                   ? '--blue-6-hsl'
                   : props.row.requestDataStatus === RequestDataStatus.Completed
                     ? '--green-8-hsl'
-                    : '--orange-5-hsl'
+                    : '--red-5-hsl'
             "
             :title="
               $t(`requestList.status.${props.row.requestDataStatus}`) || '-'
@@ -152,6 +155,13 @@ function getEmployeeName(
             flat
             @click.stop="$emit('view', props.row)"
           />
+
+          <KebabAction
+            hide-edit
+            hide-toggle
+            hide-view
+            @delete="$emit('delete', props.row)"
+          />
         </q-td>
       </q-tr>
     </template>
@@ -163,6 +173,9 @@ function getEmployeeName(
     >
       <div class="col-md-4 col-sm-6 col-12">
         <QuotationCard
+          hide-preview
+          hide-kebab-view
+          hide-kebab-edit
           :badge-color="
             props.row.requestDataStatus === RequestDataStatus.Pending
               ? '--orange-5-hsl'
@@ -172,7 +185,6 @@ function getEmployeeName(
                   ? '--green-8-hsl'
                   : '--orange-5-hsl'
           "
-          hidePreview
           :urgent="props.row.quotation.urgent"
           :code="props.row.code"
           :title="props.row.quotation.workName"