mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
Add new charts.
This commit is contained in:
@@ -4,6 +4,7 @@ export enum StatsSectionId {
|
||||
'all',
|
||||
'accounts',
|
||||
'blocks',
|
||||
'tokens',
|
||||
'transactions',
|
||||
'gas',
|
||||
}
|
||||
@@ -19,7 +20,7 @@ export enum StatsIntervalId {
|
||||
}
|
||||
|
||||
export type StatsChart = {
|
||||
id: string;
|
||||
apiId: string;
|
||||
title: string;
|
||||
description: string;
|
||||
}
|
||||
|
||||
@@ -44,10 +44,10 @@ const ChartsWidgetsList = ({ charts, interval }: Props) => {
|
||||
>
|
||||
{ section.charts.map((chart) => (
|
||||
<GridItem
|
||||
key={ chart.id }
|
||||
key={ chart.apiId }
|
||||
>
|
||||
<ChartWidgetContainer
|
||||
id={ chart.id }
|
||||
id={ chart.apiId }
|
||||
title={ chart.title }
|
||||
description={ chart.description }
|
||||
interval={ interval }
|
||||
|
||||
@@ -1,62 +1,104 @@
|
||||
import type { StatsSection } from 'types/client/stats';
|
||||
|
||||
export const statsChartsScheme: Array<StatsSection> = [
|
||||
{
|
||||
id: 'accounts',
|
||||
title: 'Accounts',
|
||||
charts: [
|
||||
{
|
||||
apiId: 'activeAccounts',
|
||||
title: 'Active accounts',
|
||||
description: 'Active accounts number per period',
|
||||
},
|
||||
{
|
||||
apiId: 'accountsGrowth',
|
||||
title: 'Accounts growth',
|
||||
description: 'Cumulative accounts number per period',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 'transactions',
|
||||
title: 'Transactions',
|
||||
charts: [
|
||||
{
|
||||
apiId: 'averageTxnFee',
|
||||
title: 'Average transaction fee',
|
||||
description: 'The average amount in USD spent per transaction',
|
||||
},
|
||||
{
|
||||
apiId: 'txnsFee',
|
||||
title: 'Transactions fees',
|
||||
description: 'Amount of tokens paid as fees',
|
||||
},
|
||||
{
|
||||
apiId: 'newTxns',
|
||||
title: 'New transactions',
|
||||
description: 'New transactions number',
|
||||
},
|
||||
{
|
||||
apiId: 'txnsGrowth',
|
||||
title: 'Transactions growth',
|
||||
description: 'Cumulative transactions number',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 'blocks',
|
||||
title: 'Blocks',
|
||||
charts: [
|
||||
{
|
||||
id: 'newBlocksPerDay',
|
||||
apiId: 'newBlocksPerDay',
|
||||
title: 'New blocks',
|
||||
description: 'New blocks number per day',
|
||||
description: 'New blocks number',
|
||||
},
|
||||
{
|
||||
apiId: 'averageBlockSize',
|
||||
title: 'Average block size',
|
||||
description: 'Average size of blocks in bytes',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 'tokens',
|
||||
title: 'Tokens',
|
||||
charts: [
|
||||
{
|
||||
apiId: 'nativeCoinHoldersGrowth',
|
||||
title: 'Native coin holders growth',
|
||||
description: 'Cumulative token holders number for the period',
|
||||
},
|
||||
{
|
||||
apiId: 'newNativeCoinTransfers',
|
||||
title: 'New native coins transfers',
|
||||
description: 'New token transfers number for the period',
|
||||
},
|
||||
{
|
||||
apiId: 'nativeCoinSupply',
|
||||
title: 'Native coin circulating supply',
|
||||
description: 'Amount of token circulating supply for the period',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 'gas',
|
||||
title: 'Gas',
|
||||
charts: [
|
||||
{
|
||||
apiId: 'averageGasLimit',
|
||||
title: 'Average gas limit',
|
||||
description: 'Average gas limit per block for the period',
|
||||
},
|
||||
{
|
||||
apiId: 'gasUsedGrowth',
|
||||
title: 'Gas used growth',
|
||||
description: 'Cumulative gas used for the period',
|
||||
},
|
||||
{
|
||||
apiId: 'averageGasPrice',
|
||||
title: 'Average gas price',
|
||||
description: 'Average gas price for the period',
|
||||
},
|
||||
// {
|
||||
// id: 'average-block-size',
|
||||
// title: 'Average block size',
|
||||
// description: 'Average size of blocks in bytes',
|
||||
// },
|
||||
],
|
||||
},
|
||||
// {
|
||||
// id: 'transactions',
|
||||
// title: 'Transactions',
|
||||
// charts: [
|
||||
// {
|
||||
// id: 'average-transaction-fee',
|
||||
// title: 'Average transaction fee',
|
||||
// description: 'The average amount in USD spent per transaction',
|
||||
// },
|
||||
// {
|
||||
// id: 'transactions-fees',
|
||||
// title: 'Transactions fees',
|
||||
// description: 'Amount of tokens paid as fees',
|
||||
// },
|
||||
// {
|
||||
// id: 'new-transactions',
|
||||
// title: 'Transactions fees',
|
||||
// description: 'New transactions number per period',
|
||||
// },
|
||||
// {
|
||||
// id: 'transactions-growth',
|
||||
// title: 'Transactions growth',
|
||||
// description: 'Cumulative transactions number per period',
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
// {
|
||||
// id: 'accounts',
|
||||
// title: 'Accounts',
|
||||
// charts: [
|
||||
// {
|
||||
// id: 'active-accounts',
|
||||
// title: 'Active accounts',
|
||||
// description: 'Active accounts number per period',
|
||||
// },
|
||||
// {
|
||||
// id: 'accounts-growth',
|
||||
// title: 'Accounts growth',
|
||||
// description: 'Cumulative accounts number per period',
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
];
|
||||
|
||||
Reference in New Issue
Block a user