alert

src/routes/orders/+page.svelte

@@ -210,6 +210,10 @@
   } else {
     qrCode = false;
   }
+
+  let showAlert = false;
+  let alertCallback = () => {};
+  let alertTraderName = "";
 </script>
 
 <div class="w-full flex flex-col gap-8">
@@ -391,7 +395,12 @@
       <!-- <p>{foundedDispute["closetime"]}</p> -->
       <button
         on:click={() => {
+          showAlert = true;
+          alertCallback = () => {
             rollbackOrder(selectedDispute["uuid"]);
+          };
+          alertTraderName =
+            selectedDispute["trader_name"] + " " + selectedDispute["surname"];
         }}
         class="btn btn-outline btn-info mt-4"
       >
@@ -460,7 +469,12 @@
       />
       <button
         on:click={() => {
+          showAlert = true;
+          alertCallback = () => {
             changeSum(selectedDispute["uuid"]);
+          };
+          alertTraderName =
+            selectedDispute["trader_name"] + " " + selectedDispute["surname"];
         }}
         class="btn btn-outline btn-info"
       >
@@ -472,7 +486,12 @@
       </button>
       <button
         on:click={() => {
+          showAlert = true;
+          alertCallback = () => {
             changeSumWithoutBalance(selectedDispute["uuid"]);
+          };
+          alertTraderName =
+            selectedDispute["trader_name"] + " " + selectedDispute["surname"];
         }}
         class="btn btn-outline btn-info"
       >
@@ -524,3 +543,32 @@
     </div>
   </div>
 {/if}
+
+{#if showAlert}
+  <div
+    class="fixed inset-0 z-[1002] bg-black bg-opacity-50 flex justify-center items-center"
+  >
+    <div class="flex flex-col p-4 bg-base-100 rounded-md gap-8">
+      <p class="font-bold text-xl">
+        Вы уверены, что заявка принадлежит данному трейдеру: <span
+          class="text-warning">{alertTraderName}</span
+        >
+      </p>
+      <div class="grid grid-cols-2 w-full gap-2">
+        <button
+          class="btn btn-success text-lg"
+          on:click={() => {
+            alertCallback();
+            showAlert = false;
+          }}>ДА</button
+        >
+        <button
+          class="btn btn-error text-lg"
+          on:click={() => {
+            showAlert = false;
+          }}>НЕТ</button
+        >
+      </div>
+    </div>
+  </div>
+{/if}