Son İşlemler

Son İşlemler

Son işlemlerinizi gösterin

RainbowKit'in hesap modalı içinde son işlemleri görüntülemeyi seçebilirsiniz. Tüm işlemlerin yerel depolama alanında tutulduğunu ve görüntülenebilmesi için manuel olarak RainbowKit ile kaydedilmesi gerektiğini unutmayın.

Varsayılan ConnectButton uygulaması, bekleyen herhangi bir işlem varsa kullanıcının avatarının etrafında bir yükleme göstergesi de görüntüler. Özel ConnectButton uygulamaları, render fonksiyonunuza geçirilen account.hasPendingTransactions özelliği aracılığıyla bu davranışı yeniden oluşturabilir.

Bu özelliği kullanmak için önce RainbowKitProvider üzerinde showRecentTransactions seçeneğini etkinleştirin.

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

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

Bu işlemden sonra işlemler useAddRecentTransaction kancası kullanılarak RainbowKit ile kaydedilebilir.

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

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

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

Bir işlem RainbowKit ile kaydedildikten sonra, tamamlandığında durumu güncellenecektir.

Varsayılan olarak, işlemin tamamlandığı, işlem yapıldığı bloğun üzerine bir blok daha çıkarıldığında kabul edilir, ancak bu özel bir confirmations değeri belirlenerek yapılandırılabilir.

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

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

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