Fix stats widgets.

types/api/stats.ts

@@ -21,11 +21,18 @@ export type GasPrices = {
 
 export type Stats = {
   counters: {
+    totalBlocks: string;
     averageBlockTime: string;
+
+    totalTransactions: string;
     completedTransactions: string;
+
     totalAccounts: string;
-    totalBlocksAllTime: string;
-    totalTransactions: string;
+
+    totalTokens: string;
+
+    totalNativeCoinHolders: string;
+    totalNativeCoinTransfers: string;
   };
 }
 

ui/stats/NumberWidgetsList.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 
 import useApiQuery from 'lib/api/useApiQuery';
 
+import { numberWidgetsScheme } from './constants/number-widgets-scheme';
 import NumberWidget from './NumberWidget';
 import NumberWidgetSkeleton from './NumberWidgetSkeleton';
 
@@ -18,30 +19,8 @@ const NumberWidgetsList = () => {
     >
       { isLoading ? [ ...Array(skeletonsCount) ]
         .map((e, i) => <NumberWidgetSkeleton key={ i }/>) :
-        (
-          <>
-            <NumberWidget
-              label="Total blocks"
-              value={ Number(data?.counters.totalBlocksAllTime).toLocaleString() }
-            />
-            <NumberWidget
-              label="Average block time"
-              value={ Number(data?.counters.averageBlockTime).toLocaleString() }
-            />
-            <NumberWidget
-              label="Completed transactions"
-              value={ Number(data?.counters.completedTransactions).toLocaleString() }
-            />
-            <NumberWidget
-              label="Total transactions"
-              value={ Number(data?.counters.totalTransactions).toLocaleString() }
-            />
-            <NumberWidget
-              label="Total accounts"
-              value={ Number(data?.counters.totalAccounts).toLocaleString() }
-            />
-          </>
-        ) }
+        numberWidgetsScheme.map(({ id, title }) =>
+          data?.counters[id] ? <NumberWidget key={ id } label={ title } value={ Number(data.counters[id]).toLocaleString() }/> : null) }
     </Grid>
   );
 };

ui/stats/constants/charts-scheme.ts

@@ -6,7 +6,7 @@ export const statsChartsScheme: Array<StatsSection> = [
     title: 'Blocks',
     charts: [
       {
-        id: 'new-blocks',
+        id: 'newBlocksPerDay',
         title: 'New blocks',
         description: 'New blocks number per day',
       },

ui/stats/constants/number-widgets-scheme.ts

+import type { Stats } from 'types/api/stats';
+
+type Key = keyof Stats['counters'];
+
+export const numberWidgetsScheme: Array<{id: Key; title: string}> = [
+  {
+    id: 'totalBlocks',
+    title: 'Total blocks',
+  },
+  {
+    id: 'averageBlockTime',
+    title: 'Average block time',
+  },
+  {
+    id: 'totalTransactions',
+    title: 'Total transactions',
+  },
+  {
+    id: 'completedTransactions',
+    title: 'Completed transactions',
+  },
+  {
+    id: 'totalAccounts',
+    title: 'Total accounts',
+  },
+  {
+    id: 'totalTokens',
+    title: 'Total tokens',
+  },
+  {
+    id: 'totalNativeCoinHolders',
+    title: 'Total native coin holders',
+  },
+  {
+    id: 'totalNativeCoinTransfers',
+    title: 'Total native coin transfers',
+  },
+  {
+    id: 'totalAccounts',
+    title: 'Total accounts',
+  },
+];