Останні Транзакції

Останні Транзакції

Показати ваші останні трансакції

Ви можете обрати відображення останніх трансакцій у модальному вікні облікового запису RainbowKit. Зверніть увагу, що всі трансакції зберігаються у локальному сховищі, і їх потрібно вручну зареєструвати в RainbowKit для відображення.

Зазвичай реалізація ConnectButton також відображатиме індикатор завантаження навколо аватара користувача, якщо є будь-які незавершені трансакції. Кастомні реалізації ConnectButton можуть відтворити цю поведінку через властивість account.hasPendingTransactions, яка передається вашій функції візуалізації.

Щоб скористатися цією функцією, спочатку увімкніть опцію showRecentTransactions на RainbowKitProvider.

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

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

Трансакції потім можна зареєструвати у RainbowKit за допомогою хука useAddRecentTransaction.

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

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

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

Після реєстрації трансакції у RainbowKit, її статус буде оновлено після завершення.

За замовчуванням трансакція вважатиметься завершеною після майнінгу одного блоку поверх блоку, в якому вона була замайнена, але це можна налаштувати, вказавши власне значення confirmations.

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

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

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