Transaksi Terbaru

Transaksi Terbaru

Tampilkan transaksi terbaru Anda

Anda dapat memilih untuk menampilkan transaksi terbaru dalam modal akun RainbowKit. Harap dicatat bahwa semua transaksi disimpan di penyimpanan lokal dan harus didaftarkan secara manual dengan RainbowKit agar bisa ditampilkan.

Implementasi default ConnectButton juga akan menampilkan indikator pemuatan di sekitar avatar pengguna jika ada transaksi yang tertunda. Implementasi ConnectButton kustom dapat membuat ulang perilaku ini melalui properti account.hasPendingTransactions yang diteruskan ke fungsi render Anda.

Untuk menggunakan fitur ini, pertama-tama aktifkan opsi showRecentTransactions pada RainbowKitProvider.

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

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

Transaksi kemudian dapat didaftarkan dengan RainbowKit menggunakan hook useAddRecentTransaction.

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

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

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

Setelah transaksi didaftarkan dengan RainbowKit, statusnya akan diperbarui setelah selesai.

Secara default, transaksi akan dianggap selesai setelah satu blok ditambang di atas blok tempat transaksi ditambang, tetapi ini dapat dikonfigurasi dengan menentukan nilai confirmations kustom.

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

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

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