gabehf/BudgetBuddy
1
0
Fork 0
mirror of https://github.com/gabehf/BudgetBuddy.git synced 2026-03-07 21:48:14 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Revert "Update ExpenseList.js" again

Browse source 
This reverts commit 621495342d.
This commit is contained in:
Gabe Farrell 2023-04-28 19:49:25 +00:00
parent 8564c523b0
commit db3ac7c678
1 changed files with 4 additions and 111 deletions
Download patch file Download diff file Expand all files Collapse all files

115
src/components/ExpenseList.js
View file

@ -9,8 +9,6 @@ const ExpenseList = () => {
const [transaction, setTransactions] = useState('');
const [category, setCategories] = useState('');
const [time, setTime] = useState('');
const [data, setData] = useState([]);
const [type, setType] = useState('');
function getSessionKey() {
var cookies = document.cookie.split(';');
@ -23,74 +21,7 @@ const ExpenseList = () => {
return null;
}
async function fetchData() {
fetch('https://api.bb.gabefarrell.com/w/transactions/recent', {
method: 'GET',
headers: {
'x-session-key': getSessionKey(),
},
})
.then((response) => response.json())
.then((actualData) => {
console.log(actualData);
setData(actualData);
console.log(data);
})
.catch((err) => {
console.log(err.message);
});
}
async function getTransactionsBalance() {
try {
const response = await fetch('https://api.bb.gabefarrell.com/w/transactions/recent', {
method: 'GET',
headers: {
'x-session-key': getSessionKey(),
},
});
const data = await response.json();
let whole = data.transactions.map((item)=>item.amount.whole);
let decimal = data.transactions.map((item)=>item.amount.decimal);
let balance = [];
for (let i = 0; i < whole.length; i++) {
let expense_balance = whole[i] + '.' + decimal[i];
balance.push(expense_balance);
}
//console.log(whole + decimal + "<- total recent transacations");
//console.log(whole, decimal, balance);
//const transactions_balance = whole + '.' + decimal;
//console.log(whole, decimal, category);
return balance;
} catch (error) {
console.error(error);
}
}
async function getType() {
try {
const response = await fetch('https://api.bb.gabefarrell.com/w/transactions/recent', {
method: 'GET',
headers: {
'x-session-key': getSessionKey(),
},
});
const data = await response.json();
const type = data.transactions.map((item)=>item.type);
//console.log(whole + decimal + "<- total recent transacations");
//console.log(whole, decimal, balance);
//const transactions_balance = whole + '.' + decimal;
//console.log(whole, decimal, category);
return type;
} catch (error) {
console.error(error);
}
}
async function getTransactionsBalance() {
try {
@ -153,7 +84,7 @@ const ExpenseList = () => {
date = new Date(timestamp[i]);
month = date.getMonth();
day = date.getDay();
//console.log(month, day);
console.log(month, day);
dateFormat.push(month + '/' + day);
}
//let dateFormat = new Date(timestamp[0]);
@ -184,18 +115,14 @@ const ExpenseList = () => {
const categories = await getTransactionsCategory();
const transaction_balance = await getTransactionsBalance();
const date = await getDate();
const type = await getType();
setCategories(categories);
//console.log(category + "CATEGORIES");
setTransactions(transaction_balance);
setTime(date);
setType(type);
}
useEffect(() => {
fetchTransactions(); //b36efa01-7824-4f61-a274-63131b58d8fe
//fetchData();
}, [])
@ -211,42 +138,8 @@ const ExpenseList = () => {
<h4>Recent Transactions</h4>
{/* <h4>{category}</h4>
<h4>{transaction}</h4> */}
<table class="table table-striped"><tbody>
<tr>
<td>{category[0]}</td>
<td>{transaction[0]}</td>
<td>{type[0]}</td>
</tr>
<tr>
<td>{category[1]}</td>
<td>{transaction[1]}</td>
<td>{type[1]}</td>
</tr>
<tr>
<td>{category[2]}</td>
<td>{transaction[2]}</td>
<td>{type[2]}</td>
</tr>
<tr>
<td>{category[3]}</td>
<td>{transaction[3]}</td>
<td>{type[3]}</td>
</tr>
<tr>
<td>{category[4]}</td>
<td>{transaction[4]}</td>
<td>{type[4]}</td>
</tr>
<tr>
<td>{category[5]}</td>
<td>{transaction[5]}</td>
<td>{type[5]}</td>
</tr>
<tr>
<td>{category[6]}</td>
<td>{transaction[6]}</td>
<td>{type[6]}</td>
</tr>
<table class="table table-striped"><tbody id="myTable">
</tbody></table>
</div>