mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
enochleeandGitHub
4c78f91771
* default TxEntity.noCopy to false remove redundant noCopy=false restore noCopy for tx hashes in this components This commit has no essential change, order than defaulting noCopy for TxEntity to false, and reversing the use of the prop * To reflect new default of TxEntity and UserOpEntity Updated tests to with-no-copy from with-copy remove outdated screenshots Regenerate screenshot for new default * display copy button for tx hash In the following pages: /txs, /internal-txs /token-transfers /address/txs, /address/token-transfers(tab) /deposits, /withdrawals /batches[id]/txs(tab) /advanced-filter * update snapshots * update snapshots
86 lines
2.5 KiB
TypeScript
86 lines
2.5 KiB
TypeScript
import { Text } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import type { ZkSyncBatchesItem } from 'types/api/zkSyncL2';
|
|
|
|
import { route } from 'nextjs-routes';
|
|
|
|
import config from 'configs/app';
|
|
import { Link } from 'toolkit/chakra/link';
|
|
import { TableCell, TableRow } from 'toolkit/chakra/table';
|
|
import BatchEntityL2 from 'ui/shared/entities/block/BatchEntityL2';
|
|
import TxEntityL1 from 'ui/shared/entities/tx/TxEntityL1';
|
|
import ZkSyncL2TxnBatchStatus from 'ui/shared/statusTag/ZkSyncL2TxnBatchStatus';
|
|
import TimeWithTooltip from 'ui/shared/time/TimeWithTooltip';
|
|
|
|
const rollupFeature = config.features.rollup;
|
|
|
|
type Props = { item: ZkSyncBatchesItem; isLoading?: boolean };
|
|
|
|
const ZkSyncTxnBatchesTableItem = ({ item, isLoading }: Props) => {
|
|
if (!rollupFeature.isEnabled || rollupFeature.type !== 'zkSync') {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<TableRow>
|
|
<TableCell verticalAlign="middle">
|
|
<BatchEntityL2
|
|
isLoading={ isLoading }
|
|
number={ item.number }
|
|
textStyle="sm"
|
|
fontWeight={ 600 }
|
|
noIcon
|
|
/>
|
|
</TableCell>
|
|
<TableCell verticalAlign="middle">
|
|
<ZkSyncL2TxnBatchStatus status={ item.status } isLoading={ isLoading }/>
|
|
</TableCell>
|
|
<TableCell verticalAlign="middle">
|
|
<TimeWithTooltip
|
|
timestamp={ item.timestamp }
|
|
fallbackText="Undefined"
|
|
isLoading={ isLoading }
|
|
color="text.secondary"
|
|
/>
|
|
</TableCell>
|
|
<TableCell verticalAlign="middle">
|
|
<Link
|
|
href={ route({ pathname: '/batches/[number]', query: { number: item.number.toString(), tab: 'txs' } }) }
|
|
loading={ isLoading }
|
|
minW="40px"
|
|
my={ 1 }
|
|
>
|
|
{ item.transactions_count }
|
|
</Link>
|
|
</TableCell>
|
|
<TableCell verticalAlign="middle">
|
|
{ item.commit_transaction_hash ? (
|
|
<TxEntityL1
|
|
isLoading={ isLoading }
|
|
hash={ item.commit_transaction_hash }
|
|
textStyle="sm"
|
|
truncation="constant_long"
|
|
noIcon
|
|
noCopy
|
|
/>
|
|
) : <Text>Pending</Text> }
|
|
</TableCell>
|
|
<TableCell verticalAlign="middle">
|
|
{ item.prove_transaction_hash ? (
|
|
<TxEntityL1
|
|
isLoading={ isLoading }
|
|
hash={ item.prove_transaction_hash }
|
|
textStyle="sm"
|
|
truncation="constant_long"
|
|
noIcon
|
|
noCopy
|
|
/>
|
|
) : <Text>Pending</Text> }
|
|
</TableCell>
|
|
</TableRow>
|
|
);
|
|
};
|
|
|
|
export default ZkSyncTxnBatchesTableItem;
|