mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
9908a53269
* txn withdrawals page stub * add base page layout * add ConnectWallet alert * save search term in page query param * add links to the new page * add functionality to claim button * combine "Connect wallet" and "Claim" buttons * Refactor rollup configuration to introduce ParentChain structure and deprecate legacy environment variables * handle txn claim * allow to pass array of RPC urls for parent chain config * display token value and completion tx hash * fix csp * write tests for arbitrum l2 txn withdrawals * fix ts * review fixes * update screenshots and hide button if the txn is not confirmed yet
30 lines
769 B
TypeScript
30 lines
769 B
TypeScript
import { Box } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import type { ArbitrumL2TxnWithdrawalsItem } from 'types/api/arbitrumL2';
|
|
|
|
import ArbitrumL2TxnWithdrawalsListItem from './ArbitrumL2TxnWithdrawalsListItem';
|
|
|
|
interface Props {
|
|
data: Array<ArbitrumL2TxnWithdrawalsItem>;
|
|
isLoading: boolean;
|
|
txHash: string | undefined;
|
|
}
|
|
|
|
const ArbitrumL2TxnWithdrawalsList = ({ data, isLoading, txHash }: Props) => {
|
|
return (
|
|
<Box>
|
|
{ data.map((item, index) => (
|
|
<ArbitrumL2TxnWithdrawalsListItem
|
|
key={ String(item.id) + (isLoading ? index : '') }
|
|
data={ item }
|
|
isLoading={ isLoading }
|
|
txHash={ txHash }
|
|
/>
|
|
)) }
|
|
</Box>
|
|
);
|
|
};
|
|
|
|
export default React.memo(ArbitrumL2TxnWithdrawalsList);
|