Add a warning modal for deleting orders.

views/dashboardPage/js/dashboard.js

@@ -251,6 +251,13 @@ controller = {
                 content.children[2].children[0].onclick = ()=>{controller.closeModal()};
                 content.children[2].children[1].onclick = ()=>{recipeDetails.remove(data)};
                 break;
+            case "confirmDeleteOrder":
+                content = document.getElementById("modalConfirm");
+                content.style.display = "flex";
+                content.children[1].innerText = `Are you sure you want to delete order: ${data.name}`;
+                content.children[2].children[0].onclick = ()=>{controller.closeModal()};
+                content.children[2].children[1].onclick = ()=>{orderDetails.remove(data)};
+                break;
             case "squareLocations":
                 modalScript.squareLocations(data);
                 break;

views/dashboardPage/js/sidebars/orderDetails.js

@@ -1,6 +1,6 @@
 let orderDetails = {
     display: function(order){
-        document.getElementById("removeOrderBtn").onclick = ()=>{this.remove(order)};
+        document.getElementById("removeOrderBtn").onclick = ()=>{controller.openModal("confirmDeleteOrder", order)};
 
         document.getElementById("orderDetailName").innerText = order.name;
         document.getElementById("orderDetailDate").innerText = order.date.toLocaleDateString("en-US");
@@ -53,6 +53,7 @@ let orderDetails = {
                     state.updateOrders();
 
                     controller.openStrand("orders", merchant.orders);
+                    controller.closeModal();
                     controller.createBanner("ORDER REMOVED", "success");
                 }
             })