logos-blockchain/logos-blockchain-block-explorer-template
1
0
Fork 0
mirror of https://github.com/logos-blockchain/logos-blockchain-block-explorer-template.git synced 2026-02-17 19:43:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

tweaking live / pagination behaviour

Browse Source
This commit is contained in:
David Rusu 2026-02-17 00:20:50 +04:00
parent b7267de0da
commit 15da0cc2aa
2 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
static/components/BlocksTable.js
View File

@ -88,7 +88,6 @@ export default function BlocksTable({ live, onDisableLive }) {
// Add to front, keep max TABLE_SIZE
liveBlocks = [b, ...liveBlocks].slice(0, TABLE_SIZE);
setBlocks([...liveBlocks]);
setTotalCount(liveBlocks.length);
setLoading(false);
},
{
@ -115,10 +114,14 @@ export default function BlocksTable({ live, onDisableLive }) {
return () => abortRef.current?.abort();
}, [live, fork, startLiveStream]);
// Go to a page
// Go to a page (or exit live mode into page 0)
const goToPage = (newPage) => {
if (newPage >= 0 && fork != null) {
if (live) onDisableLive?.();
if (fork == null) return;
if (live) {
onDisableLive?.();
return; // useEffect will handle fetching page 0 when live changes
}
if (newPage >= 0) {
fetchBlocks(newPage, fork);
}
};
@ -207,7 +210,7 @@ export default function BlocksTable({ live, onDisableLive }) {
h(
'div',
{ class: 'card-header', style: 'display:flex; justify-content:space-between; align-items:center;' },
h('div', null, h('strong', null, 'Blocks '), h('span', { class: 'pill' }, String(totalCount))),
h('div', null, h('strong', null, 'Blocks '), !live && totalCount > 0 && h('span', { class: 'pill' }, String(totalCount))),
),
h(
'div',
@ -253,7 +256,7 @@ export default function BlocksTable({ live, onDisableLive }) {
'button',
{
class: 'pill',
disabled: page === 0 || loading,
disabled: !live && (page === 0 || loading),
onClick: () => goToPage(page - 1),
},
'Previous',
@ -267,7 +270,7 @@ export default function BlocksTable({ live, onDisableLive }) {
'button',
{
class: 'pill',
disabled: page >= totalPages - 1 || loading,
disabled: !live && (page >= totalPages - 1 || loading),
onClick: () => goToPage(page + 1),
},
'Next',

17
static/components/TransactionsTable.js
View File

@ -161,7 +161,6 @@ export default function TransactionsTable({ live, onDisableLive }) {
liveTxs = [tx, ...liveTxs].slice(0, TABLE_SIZE);
setTransactions([...liveTxs]);
setTotalCount(liveTxs.length);
setLoading(false);
},
{
@ -188,10 +187,14 @@ export default function TransactionsTable({ live, onDisableLive }) {
return () => abortRef.current?.abort();
}, [live, fork, startLiveStream]);
// Go to a page
// Go to a page (or exit live mode into page 0)
const goToPage = (newPage) => {
if (newPage >= 0 && fork != null) {
if (live) onDisableLive?.();
if (fork == null) return;
if (live) {
onDisableLive?.();
return; // useEffect will handle fetching page 0 when live changes
}
if (newPage >= 0) {
fetchTransactions(newPage, fork);
}
};
@ -259,7 +262,7 @@ export default function TransactionsTable({ live, onDisableLive }) {
h(
'div',
{ class: 'card-header', style: 'display:flex; justify-content:space-between; align-items:center;' },
h('div', null, h('strong', null, 'Transactions '), h('span', { class: 'pill' }, String(totalCount))),
h('div', null, h('strong', null, 'Transactions '), !live && totalCount > 0 && h('span', { class: 'pill' }, String(totalCount))),
),
h(
'div',
@ -299,7 +302,7 @@ export default function TransactionsTable({ live, onDisableLive }) {
'button',
{
class: 'pill',
disabled: page === 0 || loading,
disabled: !live && (page === 0 || loading),
onClick: () => goToPage(page - 1),
},
'Previous',
@ -313,7 +316,7 @@ export default function TransactionsTable({ live, onDisableLive }) {
'button',
{
class: 'pill',
disabled: page >= totalPages - 1 || loading,
disabled: !live && (page >= totalPages - 1 || loading),
onClick: () => goToPage(page + 1),
},
'Next',