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]>
64 lines
2.0 KiB
TypeScript
64 lines
2.0 KiB
TypeScript
import React from 'react';
|
|
|
|
import type { ClustersLeaderboardObject } from 'types/api/clusters';
|
|
|
|
import { Skeleton } from 'toolkit/chakra/skeleton';
|
|
import ClustersEntity from 'ui/shared/entities/clusters/ClustersEntity';
|
|
import ListItemMobileGrid from 'ui/shared/ListItemMobile/ListItemMobileGrid';
|
|
|
|
interface Props {
|
|
item: ClustersLeaderboardObject;
|
|
isLoading?: boolean;
|
|
}
|
|
|
|
const ClustersLeaderboardListItem = ({ item, isLoading }: Props) => {
|
|
return (
|
|
<ListItemMobileGrid.Container>
|
|
<ListItemMobileGrid.Label isLoading={ isLoading }>
|
|
Rank
|
|
</ListItemMobileGrid.Label>
|
|
<ListItemMobileGrid.Value>
|
|
<Skeleton loading={ isLoading }>
|
|
#{ item.rank }
|
|
</Skeleton>
|
|
</ListItemMobileGrid.Value>
|
|
|
|
<ListItemMobileGrid.Label isLoading={ isLoading }>
|
|
Cluster name
|
|
</ListItemMobileGrid.Label>
|
|
<ListItemMobileGrid.Value>
|
|
<ClustersEntity clusterName={ item.name } isLoading={ isLoading } fontWeight={ 500 }/>
|
|
</ListItemMobileGrid.Value>
|
|
|
|
<ListItemMobileGrid.Label isLoading={ isLoading }>
|
|
Names
|
|
</ListItemMobileGrid.Label>
|
|
<ListItemMobileGrid.Value>
|
|
<Skeleton loading={ isLoading }>
|
|
{ item.nameCount }
|
|
</Skeleton>
|
|
</ListItemMobileGrid.Value>
|
|
|
|
<ListItemMobileGrid.Label isLoading={ isLoading }>
|
|
Backing
|
|
</ListItemMobileGrid.Label>
|
|
<ListItemMobileGrid.Value>
|
|
<Skeleton loading={ isLoading }>
|
|
{ (parseFloat(item.totalWeiAmount) / 1e18).toFixed(2) } ETH
|
|
</Skeleton>
|
|
</ListItemMobileGrid.Value>
|
|
|
|
<ListItemMobileGrid.Label isLoading={ isLoading }>
|
|
Network presence
|
|
</ListItemMobileGrid.Label>
|
|
<ListItemMobileGrid.Value>
|
|
<Skeleton loading={ isLoading }>
|
|
{ item.chainIds.length } { item.chainIds.length === 1 ? 'chain' : 'chains' }
|
|
</Skeleton>
|
|
</ListItemMobileGrid.Value>
|
|
</ListItemMobileGrid.Container>
|
|
);
|
|
};
|
|
|
|
export default React.memo(ClustersLeaderboardListItem);
|