explore/ui/internalTxs/InternalTxsList.tsx

import React from 'react';

import type { InternalTransaction } from 'types/api/internalTransaction';

import { useMultichainContext } from 'lib/contexts/multichain';

import InternalTxsListItem from './InternalTxsListItem';

type Props = {
  data: Array<InternalTransaction>;
  currentAddress?: string;
  isLoading?: boolean;
  showBlockInfo?: boolean;
};

const InternalTxsList = ({ data, currentAddress, isLoading, showBlockInfo = true }: Props) => {
  const multichainContext = useMultichainContext();
  const chainData = multichainContext?.chain;

  return (
    <div>
      { data.map((item, index) => (
        <InternalTxsListItem
          key={ item.transaction_hash + '_' + index }
          { ...item }
          currentAddress={ currentAddress }
          isLoading={ isLoading }
          showBlockInfo={ showBlockInfo }
          chainData={ chainData }
        />
      )) }
    </div>
  );
};

export default InternalTxsList;