diff --git a/app/views/foodcourt/orders/_read_modal.html.erb b/app/views/foodcourt/orders/_read_modal.html.erb
index 472ad500..a1ed341c 100644
--- a/app/views/foodcourt/orders/_read_modal.html.erb
+++ b/app/views/foodcourt/orders/_read_modal.html.erb
@@ -193,11 +193,11 @@
 
       </div>
 
-      <div class="modal-footer">
+      <!-- <div class="modal-footer">
         <button type="button" class="btn-cancel" id="close">
           Cancel
         </button>
-      </div>
+      </div> -->
     </div>
   </div>
 </div>
@@ -205,20 +205,20 @@
 <script defer type="text/javascript">
 document.addEventListener('DOMContentLoaded', function () {
     const paymentCards = document.querySelectorAll('.payment-card:not(.disabled)');
-    const cancelButton = document.querySelector('.btn-cancel');
+    // const cancelButton = document.querySelector('.btn-cancel');
 
     // $('#read_modal').hide();
     // $('.modal-backdrop.fade').css('display', 'none');
 
 
-    cancelButton.addEventListener('click', function () {
-      alert('cancel click');
-        console.log("Action: Cancel payment.");
+    // cancelButton.addEventListener('click', function () {
+    //   alert('cancel click');
+    //     console.log("Action: Cancel payment.");
 
-        paymentCards.forEach(c => c.classList.remove('active'));
-        $('.payment-card').css('display', 'none');
+    //     paymentCards.forEach(c => c.classList.remove('active'));
+    //     $('.payment-card').css('display', 'none');
 
-    });
+    // });
 
     document.querySelector('.payment-card#dynamic_qr').addEventListener('click', function() {
       initDynamicQrPay();
diff --git a/app/views/foodcourt/orders/app_orders.html.erb b/app/views/foodcourt/orders/app_orders.html.erb
index 7af73bce..6d3db31c 100644
--- a/app/views/foodcourt/orders/app_orders.html.erb
+++ b/app/views/foodcourt/orders/app_orders.html.erb
@@ -586,16 +586,16 @@
         });
     }
 
-    const cancelButton = document.querySelector('.btn-cancel');
+    // const cancelButton = document.querySelector('.btn-cancel');
 
-    cancelButton.addEventListener('click', function () {
-        console.log("Action: Cancel payment.");
+    // cancelButton.addEventListener('click', function () {
+    //     console.log("Action: Cancel payment.");
 
-        paymentCards.forEach(c => c.classList.remove('active'));
-        $("#payment_modal").css('display', 'none');
-        $("#payment_modal").hide();
+    //     paymentCards.forEach(c => c.classList.remove('active'));
+    //     $("#payment_modal").css('display', 'none');
+    //     $("#payment_modal").hide();
 
-    });
+    // });
 
 
   var cashier_type = 'food_court';