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
67 lines
2.2 KiB
TypeScript
67 lines
2.2 KiB
TypeScript
import { Flex } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import type { OptimisticL2OutputRootsItem } from 'types/api/optimisticL2';
|
|
|
|
import config from 'configs/app';
|
|
import { Skeleton } from 'toolkit/chakra/skeleton';
|
|
import { TableCell, TableRow } from 'toolkit/chakra/table';
|
|
import CopyToClipboard from 'ui/shared/CopyToClipboard';
|
|
import BlockEntityL2 from 'ui/shared/entities/block/BlockEntityL2';
|
|
import TxEntityL1 from 'ui/shared/entities/tx/TxEntityL1';
|
|
import HashStringShorten from 'ui/shared/HashStringShorten';
|
|
import TimeWithTooltip from 'ui/shared/time/TimeWithTooltip';
|
|
|
|
const rollupFeature = config.features.rollup;
|
|
|
|
type Props = { item: OptimisticL2OutputRootsItem; isLoading?: boolean };
|
|
|
|
const OptimisticL2OutputRootsTableItem = ({ item, isLoading }: Props) => {
|
|
if (!rollupFeature.isEnabled || rollupFeature.type !== 'optimistic') {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<TableRow>
|
|
<TableCell verticalAlign="middle">
|
|
<Skeleton loading={ isLoading } display="inline-block">{ item.l2_output_index }</Skeleton>
|
|
</TableCell>
|
|
<TableCell verticalAlign="middle">
|
|
<TimeWithTooltip
|
|
timestamp={ item.l1_timestamp }
|
|
isLoading={ isLoading }
|
|
display="inline-block"
|
|
color="text.secondary"
|
|
/>
|
|
</TableCell>
|
|
<TableCell verticalAlign="middle">
|
|
<BlockEntityL2
|
|
isLoading={ isLoading }
|
|
number={ item.l2_block_number }
|
|
fontWeight={ 600 }
|
|
noIcon
|
|
/>
|
|
</TableCell>
|
|
<TableCell verticalAlign="middle" pr={ 12 }>
|
|
<TxEntityL1
|
|
isLoading={ isLoading }
|
|
hash={ item.l1_transaction_hash }
|
|
noIcon
|
|
truncation="constant_long"
|
|
noCopy
|
|
/>
|
|
</TableCell>
|
|
<TableCell verticalAlign="middle">
|
|
<Flex overflow="hidden" w="100%" alignItems="center">
|
|
<Skeleton loading={ isLoading }>
|
|
<HashStringShorten hash={ item.output_root } type="long"/>
|
|
</Skeleton>
|
|
<CopyToClipboard text={ item.output_root } ml={ 2 } isLoading={ isLoading }/>
|
|
</Flex>
|
|
</TableCell>
|
|
</TableRow>
|
|
);
|
|
};
|
|
|
|
export default OptimisticL2OutputRootsTableItem;
|