المعاملات الأخيرة

أظهر معاملاتك الأخيرة

يمكنك اختيار عرض المعاملات الأخيرة داخل نافذة حساب 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>
  );
};

نظرة عامة

بدء الاستخدام

متقدم

المعاملات الأخيرة

أظهر معاملاتك الأخيرة