changes

app/components/pos/ConfirmOrder.vue

@@ -4,10 +4,13 @@ import usePlaceOrder from "~/components/pos/composables/usePlaceOrder";
 
 const id = "confirmOrderModal";
 const emit = defineEmits(["close"]);
-const { activeCart, activeCartItems, orderInfo, fullAddress, getCarts, subtotal, total } = inject("pos");
+const { activeCart, activeCartItems, invalidCartItems, orderInfo, fullAddress, getCarts, subtotal, total } =
+  inject("pos");
+
 const { isPending, showVietQRModal, placeOrder, testReturnPage } = usePlaceOrder({
   activeCart,
   activeCartItems,
+  invalidCartItems,
   orderInfo,
   fullAddress,
   subtotal,
@@ -56,6 +59,7 @@ const { isPending, showVietQRModal, placeOrder, testReturnPage } = usePlaceOrder
             v-for="cartItem in activeCartItems"
             :key="cartItem.id"
             :cartItem="cartItem"
+            :invalid="invalidCartItems.find((ci) => ci.id === cartItem.id)"
           />
         </div>
       </div>