From e27085dd14b8d85a0c03c1a608e14c423bffd7e4 Mon Sep 17 00:00:00 2001
From: anuj-kumary <anujf0510@gmail.com>
Date: Sun, 24 Nov 2024 11:31:04 +0530
Subject: [PATCH] fix: total value shows NaN when an expense with 0 amount

---
 src/plays/expenses-tracker/ExpensesTracker.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/plays/expenses-tracker/ExpensesTracker.tsx b/src/plays/expenses-tracker/ExpensesTracker.tsx
index eae8d05a62..310721c125 100644
--- a/src/plays/expenses-tracker/ExpensesTracker.tsx
+++ b/src/plays/expenses-tracker/ExpensesTracker.tsx
@@ -20,9 +20,14 @@ function ExpensesTracker(props: any) {
 
   const handleNewExpense = () => {
     const expense = localStoreExpenses[localStoreExpenses.length - 1];
-    data['id'] = expense !== undefined ? parseInt(expense.id) + 1 : 1;
-    setLocalStoreExpenses([...localStoreExpenses, data]);
-    setLocalStoreTotal(parseFloat(localStoreTotal) + parseFloat(data.amount));
+    // Ensure `amount` has a default value of 0 if not present
+    const sanitizedData = {
+      ...data,
+      amount: data.amount || 0
+    };
+    sanitizedData['id'] = expense !== undefined ? parseInt(expense.id) + 1 : 1;
+    setLocalStoreExpenses([...localStoreExpenses, sanitizedData]);
+    setLocalStoreTotal(parseFloat(localStoreTotal) + parseFloat(sanitizedData.amount));
     setOpen(false);
     setData(null);
   };
@@ -97,14 +102,14 @@ function ExpensesTracker(props: any) {
                             <td className="p-1 text-center">{expense.date}</td>
                             <td className="p-1 text-center">{expense.amount}</td>
                             <td className="p-1 flex justify-center space-x-2">
-                              <div className="bg-green-500 rounded-full p-[6px]">
+                              <div className="bg-green-500 cursor-pointer  rounded-full p-[6px]">
                                 <FiEdit
                                   className="text-white"
                                   size={16}
                                   onClick={() => openEditModal(expense)}
                                 />
                               </div>
-                              <div className="bg-red-500 rounded-full p-[6px]">
+                              <div className="bg-red-500 cursor-pointer rounded-full p-[6px]">
                                 <AiOutlineDelete
                                   className="text-white"
                                   size={16}