LaconicNetwork/vega-frontend-monorepo
3
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fix(explorer): reduce limit of txs from 100 to 20 (#1985)

Browse Source
This commit is contained in:
Elmar 2022-11-09 09:34:16 +00:00 committed by GitHub
parent b4ab94b54b
commit cb9ceb2f7d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
apps/explorer/src/app/hooks/use-txs-data.ts
View File

@ -17,17 +17,26 @@ export interface IUseTxsData {
filters?: string;
}
export const getTxsDataUrl = ({ limit = 10, filters = '' }) => {
let url = `${DATA_SOURCES.blockExplorerUrl}/transactions?limit=${limit}`;
interface IGetTxsDataUrl {
limit?: string;
filters?: string;
}
export const getTxsDataUrl = ({ limit, filters }: IGetTxsDataUrl) => {
const url = new URL(`${DATA_SOURCES.blockExplorerUrl}/transactions`);
if (limit) {
url.searchParams.append('limit', limit);
}
if (filters) {
url = `${url}&${filters}`;
url.searchParams.append('filters', filters);
}
return url;
};
export const useTxsData = ({ limit = 10, filters }: IUseTxsData) => {
export const useTxsData = ({ limit, filters }: IUseTxsData) => {
const [{ txsData, hasMoreTxs, lastCursor }, setTxsState] =
useState<TxsStateProps>({
txsData: [],
@ -35,12 +44,12 @@ export const useTxsData = ({ limit = 10, filters }: IUseTxsData) => {
lastCursor: '',
});
const url = getTxsDataUrl({ limit, filters });
const url = getTxsDataUrl({ limit: limit?.toString(), filters });
const {
state: { data, error, loading },
refetch,
} = useFetch<BlockExplorerTransactions>(url, {}, false);
} = useFetch<BlockExplorerTransactions>(url.href, {}, false);
useEffect(() => {
if (data?.transactions?.length) {

2
apps/explorer/src/app/routes/txs/home/index.tsx
View File

@ -4,7 +4,7 @@ import { BlocksRefetch } from '../../../components/blocks';
import { TxsInfiniteList, TxsStatsInfo } from '../../../components/txs';
import { useTxsData } from '../../../hooks/use-txs-data';
const BE_TXS_PER_REQUEST = 100;
const BE_TXS_PER_REQUEST = 20;
export const TxsList = () => {
const { hasMoreTxs, loadTxs, error, txsData, refreshTxs, loading } =