changes

app/components/orders/OrderRow.vue

@@ -10,7 +10,7 @@ const emit = defineEmits(['selectOrder', 'unselect'])
 <template>
   <tr 
     :class="['is-clickable', selected && 'is-selected']"
-    @click="selected ? emit('unselect') : emit('selectOrder', order.id) "
+    @click="selected ? emit('unselect') : emit('selectOrder', order.id)"
   >
     <td>
       <div>
@@ -59,7 +59,15 @@ const emit = defineEmits(['selectOrder', 'unselect'])
       </div>
     </td>
     <td>
-      <button class="button is-dark fs-13 rounded-full">Xác nhận</button>
+      <button
+          v-if="order.status__name !== 'Hoàn thành'"
+          :class="[
+            'button fs-12 has-text-white rounded-lg',
+            order.status__name === 'Nháp' ? 'is-primary' : order.status__name === 'Đã xác nhận' ? 'is-orange' : 'is-success' 
+          ]"
+        >
+          {{ order.status__name === 'Nháp' ? 'Xác nhận' : order.status__name === 'Đã xác nhận' ? 'Giao hàng' : 'Hoàn thành' }}
+        </button>
     </td>
   </tr>
 </template>