mirror of
https://github.com/hanzonet/explore.git
synced 2026-10-30 18:16:57 +00:00
5557c1e124
* Show NFT image for token transfers Fixes #2547 * rewrite logic of loading NFT media * make amends to NftEntity * show original media size only in the modal * immutable envs * tests * fix fallback condition * fixes * fix one more test * Removing blockscout-ci-cd from helm repo --------- Co-authored-by: Nick Zenchik <[email protected]>
33 lines
852 B
TypeScript
33 lines
852 B
TypeScript
import { Box } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import type { TokenInstance } from 'types/api/token';
|
|
import type { TokenTransfer } from 'types/api/tokenTransfer';
|
|
|
|
import TokenTransferListItem from 'ui/token/TokenTransfer/TokenTransferListItem';
|
|
|
|
interface Props {
|
|
data: Array<TokenTransfer>;
|
|
tokenId?: string;
|
|
instance?: TokenInstance;
|
|
isLoading?: boolean;
|
|
}
|
|
|
|
const TokenTransferList = ({ data, tokenId, instance, isLoading }: Props) => {
|
|
return (
|
|
<Box>
|
|
{ data.map((item, index) => (
|
|
<TokenTransferListItem
|
|
key={ item.transaction_hash + item.block_hash + item.log_index + '_' + index }
|
|
{ ...item }
|
|
tokenId={ tokenId }
|
|
instance={ instance }
|
|
isLoading={ isLoading }
|
|
/>
|
|
)) }
|
|
</Box>
|
|
);
|
|
};
|
|
|
|
export default React.memo(TokenTransferList);
|