Недавние транзакции

Недавние транзакции

Показать ваши последние транзакции

Вы можете выбрать отображение последних транзакций в модальном окне аккаунта 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>
  );
};