Portfolio Overview

Recent Transactions

// Fetch and render recent transactions async function fetchAndRenderTransactions() { try { const response = await fetch('/api/transactions'); const data = await response.json(); const list = document.querySelector('.transaction-list'); list.innerHTML = ''; if (Array.isArray(data.transactions)) { data.transactions.forEach(tx => { const li = document.createElement('li'); li.className = 'transaction-item'; li.innerHTML = `
${tx.assetName || 'Asset'}
${tx.date ? new Date(tx.date).toLocaleString() : ''}
${tx.shares ? tx.shares + ' shares' : (tx.ownership ? tx.ownership + '% ownership' : '')}
$${tx.amount ? tx.amount.toLocaleString() : '0.00'}
${tx.status ? tx.status.charAt(0).toUpperCase() + tx.status.slice(1) : 'Completed'}
`; list.appendChild(li); }); } else { list.innerHTML = '
• No recent transactions found.
'; } } catch (err) { console.error('Error fetching transactions:', err); const list = document.querySelector('.transaction-list'); if (list) list.innerHTML = '
• Error loading transactions.
'; } }