nicolabs/mosh-expense-tracker-starter
1
0
Fork 0
mirror of https://github.com/mosh-hamedani/expense-tracker-starter.git synced 2026-05-21 11:58:31 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix amount calculation: convert string amounts to numbers

Browse source
This commit is contained in:
Selvakumar Muthupandi 2026-03-24 23:31:42 +05:30
parent f952787053
commit eb352e933b
1 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/App.jsx
View file

@ -3,14 +3,14 @@ import './App.css'
function App() { function App() {
const [transactions, setTransactions] = useState([ const [transactions, setTransactions] = useState([
{ id: 1, description: "Salary", amount: "5000", type: "income", category: "salary", date: "2025-01-01" }, { id: 1, description: "Salary", amount: 5000, type: "income", category: "salary", date: "2025-01-01" },
{ id: 2, description: "Rent", amount: "1200", type: "expense", category: "housing", date: "2025-01-02" }, { id: 2, description: "Rent", amount: 1200, type: "expense", category: "housing", date: "2025-01-02" },
{ id: 3, description: "Groceries", amount: "150", type: "expense", category: "food", date: "2025-01-03" }, { id: 3, description: "Groceries", amount: 150, type: "expense", category: "food", date: "2025-01-03" },
{ id: 4, description: "Freelance Work", amount: "800", type: "expense", category: "salary", date: "2025-01-05" }, { id: 4, description: "Freelance Work", amount: 800, type: "expense", category: "salary", date: "2025-01-05" },
{ id: 5, description: "Electric Bill", amount: "95", type: "expense", category: "utilities", date: "2025-01-06" }, { id: 5, description: "Electric Bill", amount: 95, type: "expense", category: "utilities", date: "2025-01-06" },
{ id: 6, description: "Dinner Out", amount: "65", type: "expense", category: "food", date: "2025-01-07" }, { id: 6, description: "Dinner Out", amount: 65, type: "expense", category: "food", date: "2025-01-07" },
{ id: 7, description: "Gas", amount: "45", type: "expense", category: "transport", date: "2025-01-08" }, { id: 7, description: "Gas", amount: 45, type: "expense", category: "transport", date: "2025-01-08" },
{ id: 8, description: "Netflix", amount: "15", type: "expense", category: "entertainment", date: "2025-01-10" }, { id: 8, description: "Netflix", amount: 15, type: "expense", category: "entertainment", date: "2025-01-10" },
]); ]);
const [description, setDescription] = useState(""); const [description, setDescription] = useState("");
@ -47,7 +47,7 @@ function App() {
const newTransaction = { const newTransaction = {
id: Date.now(), id: Date.now(),
description, description,
amount, amount: parseFloat(amount),
type, type,
category, category,
date: new Date().toISOString().split('T')[0], date: new Date().toISOString().split('T')[0],