From 9533b9497c9a3d71fc751f768c642b273a6b5e60 Mon Sep 17 00:00:00 2001
From: kuttyprem <dropmail2jai@gmail.com>
Date: Sat, 1 Nov 2025 12:08:26 +0530
Subject: [PATCH 1/2] Added a comfirmation pop-up before deleting a
 transaction.

---
 Expense-Tracker-Frontend/script.js | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/Expense-Tracker-Frontend/script.js b/Expense-Tracker-Frontend/script.js
index fda276d..1a223ee 100644
--- a/Expense-Tracker-Frontend/script.js
+++ b/Expense-Tracker-Frontend/script.js
@@ -49,14 +49,20 @@ function addTransactionDOM(transaction) {
 }
 
 function removeTransaction(id) {
-  fetch(`http://localhost:8080/ExpTrack/transactions/${username}/${id}`, {
-    method: "DELETE",
-  })
-    .then(() => {
-      transactions = transactions.filter((t) => t.id !== id);
-      updateUI();
+  const confirmed = confirm(
+    "Are you sure you want to delete this transaction?"
+  );
+
+  if (confirmed) {
+    fetch(`http://localhost:8080/ExpTrack/transactions/${username}/${id}`, {
+      method: "DELETE",
     })
-    .catch((err) => console.error("Delete failed", err));
+      .then(() => {
+        transactions = transactions.filter((t) => t.id !== id);
+        updateUI();
+      })
+      .catch((err) => console.error("Delete failed", err));
+  }
 }
 
 function updateUI() {

From 048bec03def4c86d7aa39f9e1aa955fe26cf7747 Mon Sep 17 00:00:00 2001
From: kuttyprem <dropmail2jai@gmail.com>
Date: Sat, 1 Nov 2025 13:05:57 +0530
Subject: [PATCH 2/2] The transaction date was formatted from ISO to dd-MM-yyyy

---
 Expense-Tracker-Frontend/script.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/Expense-Tracker-Frontend/script.js b/Expense-Tracker-Frontend/script.js
index 1a223ee..c1293c8 100644
--- a/Expense-Tracker-Frontend/script.js
+++ b/Expense-Tracker-Frontend/script.js
@@ -38,7 +38,7 @@ function updateValues() {
 function addTransactionDOM(transaction) {
   const tr = document.createElement("tr");
   tr.innerHTML = `
-    <td>${transaction.date}</td>
+    <td>${formatDate(transaction.date)}</td>
     <td>${transaction.text}</td>
     <td class="amount ${
       transaction.amount < 0 ? "expense" : ""
@@ -114,3 +114,14 @@ function init() {
 }
 
 init();
+
+function formatDate(isoDate) {
+  const date = new Date(isoDate);
+
+  // Get day, month, and year
+  const day = String(date.getDate()).padStart(2, "0");
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const year = date.getFullYear();
+
+  return `${day}-${month}-${year}`;
+}
\ No newline at end of file