mirror of
https://github.com/hanzonet/explore.git
synced 2026-10-30 18:16:57 +00:00
tom goriunovandGitHub
9e3e337ffd
* tx batches view adjustments * blocks and txs tabs of batch page * batch details * add batch info to block details view * display batch blob data in EIP-4844 and calldata container * display batch blob data in celestia container * tests * add optimism_celestia preset * review fixes * update screenshots
32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
import { GridItem } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import dayjs from 'lib/date/dayjs';
|
|
import TxEntityL1 from 'ui/shared/entities/tx/TxEntityL1';
|
|
|
|
import OptimisticL2TxnBatchBlobWrapper from './OptimisticL2TxnBatchBlobWrapper';
|
|
|
|
interface Props {
|
|
l1TxHashes: Array<string>;
|
|
l1Timestamp: string;
|
|
isLoading: boolean;
|
|
}
|
|
|
|
const OptimisticL2TxnBatchBlobCallData = ({ l1TxHashes, l1Timestamp, isLoading }: Props) => {
|
|
return (
|
|
<OptimisticL2TxnBatchBlobWrapper isLoading={ isLoading }>
|
|
<GridItem fontWeight={ 600 }>Timestamp</GridItem>
|
|
<GridItem whiteSpace="normal">
|
|
{ dayjs(l1Timestamp).fromNow() } | { dayjs(l1Timestamp).format('llll') }
|
|
</GridItem>
|
|
<GridItem fontWeight={ 600 }>L1 txn hash{ l1TxHashes.length > 1 ? 'es' : '' }</GridItem>
|
|
<GridItem overflow="hidden" display="flex" flexDir="column" rowGap={ 2 }>
|
|
{ l1TxHashes.map((hash) => <TxEntityL1 key={ hash } hash={ hash } noIcon noCopy={ false }/>) }
|
|
</GridItem>
|
|
</OptimisticL2TxnBatchBlobWrapper>
|
|
|
|
);
|
|
};
|
|
|
|
export default React.memo(OptimisticL2TxnBatchBlobCallData);
|