mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
0eadf590e7
* fix links in approvals list * pass check-summed hash to safe API call * make tx hash optional for token transfers * fix multiple public tag submission * update screenshots * use DataListDisplay for revoke * force to send credential only with general API requests * prefer formatted date label over date default formatting when saving chart data as csv * add abort failed status for zeta chain CCTX * update specify sdk * rename ENV for native token address * add ENV to hide native coin price in topbar * rename routes for name services * fix chart csv export file * fix tests --------- Co-authored-by: Max Alekseenko <[email protected]> Co-authored-by: isstuev <[email protected]>
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
import React from 'react';
|
|
|
|
import type { ClustersLeaderboardObject } from 'types/api/clusters';
|
|
|
|
import { TableBody, TableHeaderSticky, TableRow, TableColumnHeader, TableRoot } from 'toolkit/chakra/table';
|
|
|
|
import ClustersLeaderboardTableItem from './ClustersLeaderboardTableItem';
|
|
|
|
interface Props {
|
|
data: Array<ClustersLeaderboardObject>;
|
|
isLoading?: boolean;
|
|
top?: number;
|
|
}
|
|
|
|
const ClustersLeaderboardTable = ({ data, isLoading, top }: Props) => {
|
|
return (
|
|
<TableRoot>
|
|
<TableHeaderSticky top={ top }>
|
|
<TableRow>
|
|
<TableColumnHeader width="5%">Rank</TableColumnHeader>
|
|
<TableColumnHeader width="40%">Cluster name</TableColumnHeader>
|
|
<TableColumnHeader width="10%">Names</TableColumnHeader>
|
|
<TableColumnHeader width="10%">Total backing</TableColumnHeader>
|
|
<TableColumnHeader width="10%">Active chains</TableColumnHeader>
|
|
</TableRow>
|
|
</TableHeaderSticky>
|
|
<TableBody>
|
|
{ data.map((item, index) => (
|
|
<ClustersLeaderboardTableItem
|
|
key={ `${ item.name }-${ index }${ isLoading ? '-loading' : '' }` }
|
|
item={ item }
|
|
isLoading={ isLoading }
|
|
/>
|
|
)) }
|
|
</TableBody>
|
|
</TableRoot>
|
|
);
|
|
};
|
|
|
|
export default React.memo(ClustersLeaderboardTable);
|