diff --git a/web/src/components/ChannelsTable.js b/web/src/components/ChannelsTable.js index a9880c47..0b29ff9e 100644 --- a/web/src/components/ChannelsTable.js +++ b/web/src/components/ChannelsTable.js @@ -60,8 +60,8 @@ const ChannelsTable = () => { if (startIdx === 0) { setChannels(data); } else { - let newChannels = channels; - newChannels.push(...data); + let newChannels = [...channels]; + newChannels.splice(startIdx * ITEMS_PER_PAGE, data.length, ...data); setChannels(newChannels); } } else { @@ -82,7 +82,7 @@ const ChannelsTable = () => { const refresh = async () => { setLoading(true); - await loadChannels(0); + await loadChannels(activePage - 1); }; useEffect(() => { @@ -240,7 +240,7 @@ const ChannelsTable = () => { if (channels.length === 0) return; setLoading(true); let sortedChannels = [...channels]; - if (typeof sortedChannels[0][key] === 'string'){ + if (typeof sortedChannels[0][key] === 'string') { sortedChannels.sort((a, b) => { return ('' + a[key]).localeCompare(b[key]); }); diff --git a/web/src/components/LogsTable.js b/web/src/components/LogsTable.js index 3dc3d048..e311a520 100644 --- a/web/src/components/LogsTable.js +++ b/web/src/components/LogsTable.js @@ -108,7 +108,7 @@ const LogsTable = () => { setLogs(data); } else { let newLogs = [...logs]; - newLogs.push(...data); + newLogs.splice(startIdx * ITEMS_PER_PAGE, data.length, ...data); setLogs(newLogs); } } else { diff --git a/web/src/components/TokensTable.js b/web/src/components/TokensTable.js index 54f4ef8c..b42f7df8 100644 --- a/web/src/components/TokensTable.js +++ b/web/src/components/TokensTable.js @@ -45,8 +45,8 @@ const TokensTable = () => { if (startIdx === 0) { setTokens(data); } else { - let newTokens = tokens; - newTokens.push(...data); + let newTokens = [...tokens]; + newTokens.splice(startIdx * ITEMS_PER_PAGE, data.length, ...data); setTokens(newTokens); } } else { @@ -67,7 +67,7 @@ const TokensTable = () => { const refresh = async () => { setLoading(true); - await loadTokens(0); + await loadTokens(activePage - 1); } useEffect(() => {