Giao dịch gần đây

Giao dịch gần đây

Hiển thị giao dịch gần đây của bạn

Bạn có thể chọn hiển thị các giao dịch gần đây trong modal tài khoản của RainbowKit. Lưu ý rằng tất cả các giao dịch được lưu trữ cục bộ và phải được đăng ký thủ công với RainbowKit để được hiển thị.

Mặc định, hiện thực ConnectButton sẽ hiển thị chỉ báo đang tải quanh hình đại diện người dùng nếu có bất kỳ giao dịch nào đang chờ xử lý. Các hiện thực ConnectButton tùy chỉnh có thể tái tạo hành vi này thông qua thuộc tính account.hasPendingTransactions được truyền vào hàm render của bạn.

Để sử dụng tính năng này, trước tiên hãy bật tùy chọn showRecentTransactions trên RainbowKitProvider.

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

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

Các giao dịch sau đó có thể được đăng ký với RainbowKit bằng cách sử dụng hook useAddRecentTransaction.

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

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

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

Khi một giao dịch đã được đăng ký với RainbowKit, trạng thái của nó sẽ được cập nhật sau khi hoàn tất.

Mặc định, giao dịch sẽ được coi là hoàn tất sau khi một block đã được đào trên block chứa giao dịch, nhưng điều này có thể được cấu hình bằng cách chỉ định giá trị confirmations tùy chỉnh.

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

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

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