최근 거래 내역

최근 거래 내역을 표시합니다

RainbowKit의 계정 모달에서 최근 거래 내역을 표시하는 선택을 할 수 있습니다. 모든 거래 내역은 로컬 스토리지에 저장되며 표시하려면 RainbowKit에 수동으로 등록해야 합니다.

기본 ConnectButton 구현은 대기 중인 거래가 있으면 사용자 아바타 주변에 로딩 표시기를 표시합니다. 사용자 정의 ConnectButton 구현은 렌더 함수에 전달되는 account.hasPendingTransactions 속성을 통해 이 동작을 재현할 수 있습니다.

이 기능을 사용하려면 먼저 RainbowKitProvider에서 showRecentTransactions 옵션을 활성화합니다.

import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

const App = () => {
  return (
    <RainbowKitProvider showRecentTransactions={true} {...etc}>
      {/* ... */}
    </RainbowKitProvider>
  );
};

그런 다음 useAddRecentTransaction 훅을 사용하여 거래 내역을 RainbowKit에 등록할 수 있습니다.

import { useAddRecentTransaction } from '@rainbow-me/rainbowkit';

export default () => {
  const addRecentTransaction = useAddRecentTransaction();

  return (
    <button
      onClick={() => {
        addRecentTransaction({
          hash: '0x...',
          description: '...',
        });
      }}
    >
      Add recent transaction
    </button>
  );
};

거래가 RainbowKit에 등록되면 완료 시 상태가 업데이트됩니다.

기본적으로 거래는 한 블록이 채굴된 후 완료된 것으로 간주되지만, 사용자 정의 확인 값을 지정하여 이를 구성할 수 있습니다.

import { useAddRecentTransaction } from '@rainbow-me/rainbowkit';

export default () => {
  const addRecentTransaction = useAddRecentTransaction();

  return (
    <button
      onClick={() => {
        addRecentTransaction({
          hash: '0x...',
          description: '...',
          confirmations: 100,
        });
      }}
    >
      Add recent transaction
    </button>
  );
};

개요

시작하기

고급

최근 거래 내역

최근 거래 내역을 표시합니다