RanchiMall/dappbundle
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Workflow updating files of floethereum

Browse Source
This commit is contained in:
RanchiMall Dev 2026-01-31 21:05:47 +00:00
parent d44db9ff2f
commit 707b2d24a7
1 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
floethereum/index.html
View File

@ -823,6 +823,7 @@
} }
let allTransactionsCache = []; let allTransactionsCache = [];
let currentFilter = 'all';
let currentBalances = { eth: '0', usdc: '0', usdt: '0' }; let currentBalances = { eth: '0', usdc: '0', usdt: '0' };
async function loadTransactionsPage(ethAddress, floAddress, page) { async function loadTransactionsPage(ethAddress, floAddress, page) {
@ -866,11 +867,19 @@
({ eth: etherBalance, usdc: usdcBalance, usdt: usdtBalance } = currentBalances); ({ eth: etherBalance, usdc: usdcBalance, usdt: usdtBalance } = currentBalances);
} }
// Filter interactions
let filteredTransactions = transactions;
if (currentFilter === 'sent') {
filteredTransactions = transactions.filter(tx => tx.isSent);
} else if (currentFilter === 'received') {
filteredTransactions = transactions.filter(tx => tx.isReceived);
}
// Local Pagination / Slicing // Local Pagination / Slicing
const startIndex = (page - 1) * TRANSACTIONS_PER_PAGE; const startIndex = (page - 1) * TRANSACTIONS_PER_PAGE;
const endIndex = startIndex + TRANSACTIONS_PER_PAGE; const endIndex = startIndex + TRANSACTIONS_PER_PAGE;
const paginatedTransactions = transactions.slice(startIndex, endIndex); const paginatedTransactions = filteredTransactions.slice(startIndex, endIndex);
const hasNextPage = transactions.length > endIndex; const hasNextPage = filteredTransactions.length > endIndex;
// Sync Contacts (only on fresh load really, but safe here) // Sync Contacts (only on fresh load really, but safe here)
if (page === 1) { if (page === 1) {
@ -941,15 +950,17 @@
<h4>Transactions</h4> <h4>Transactions</h4>
<sm-chips id="tx_filter_chips" onchange=${(e) => { <sm-chips id="tx_filter_chips" onchange=${(e) => {
const selectedValue = e.detail?.value || e.target.value || 'all'; const selectedValue = e.detail?.value || e.target.value || 'all';
filterTransactions(selectedValue, transactions, ethAddress); currentFilter = selectedValue;
currentPage = 1;
loadTransactionsPage(ethAddress, floAddress, currentPage);
}}> }}>
<sm-chip value="all" selected>All</sm-chip> <sm-chip value="all" ?selected=${currentFilter === 'all'}>All</sm-chip>
<sm-chip value="sent">Sent</sm-chip> <sm-chip value="sent" ?selected=${currentFilter === 'sent'}>Sent</sm-chip>
<sm-chip value="received">Received</sm-chip> <sm-chip value="received" ?selected=${currentFilter === 'received'}>Received</sm-chip>
</sm-chips> </sm-chips>
</div> </div>
<ul id="transaction_list" class="grid gap-0-5"> <ul id="transaction_list" class="grid gap-0-5">
${renderTransactionList(transactions, ethAddress, 'all')} ${renderTransactionList(transactions, ethAddress)}
</ul> </ul>
<div class="flex align-center space-between gap-1 margin-top-1"> <div class="flex align-center space-between gap-1 margin-top-1">
<button <button
@ -1000,23 +1011,12 @@
} }
} }
function renderTransactionList(transactions, userAddress, filter = 'all') { function renderTransactionList(transactions, userAddress) {
if (!transactions || transactions.length === 0) { if (!transactions || transactions.length === 0) {
return html`<li class="text-center color-0-8"><p>No transactions found</p></li>`; return html`<li class="text-center color-0-8"><p>No transactions found</p></li>`;
} }
let filteredTxs = transactions; return transactions.map(tx => {
if (filter === 'sent') {
filteredTxs = transactions.filter(tx => tx.isSent);
} else if (filter === 'received') {
filteredTxs = transactions.filter(tx => tx.isReceived);
}
if (filteredTxs.length === 0) {
return html`<li class="text-center color-0-8"><p>No ${filter} transactions found</p></li>`;
}
return filteredTxs.map(tx => {
const date = new Date(tx.timestamp * 1000); const date = new Date(tx.timestamp * 1000);
const formattedDate = date.toLocaleString('en-US', { const formattedDate = date.toLocaleString('en-US', {
month: 'short', month: 'short',