हाल के लेन - देन

हाल के लेन - देन

अपने हाल के लेन-देन दिखाएं

आप RainbowKit के अकाउंट मोडल में हाल के लेन-देन को दिखाने के लिए सहमति दे सकते हैं। ध्यान दें कि सभी लेन-देन लोकल स्टोरेज में रखे जाते हैं और दिखाने के लिए उन्हें RainbowKit के साथ मैन्युअल रूप से रजिस्टर करना होगा।

डिफ़ॉल्ट ConnectButton इम्प्लीमेंटेशन उपयोगकर्ता के अवतार के इर्द-गिर्द एक लोडिंग इंडिकेटर भी दिखाएगा यदि कोई लेन-देन लंबित है। कस्टम ConnectButton इम्प्लीमेंटेशन्स account.hasPendingTransactions प्रॉपर्टी का उपयोग कर इस व्यवहार को दोबारा बना सकते हैं जो आपके रेंडर फंक्शन को पास किया जाता है।

इस फीचर का उपयोग करने के लिए, पहले RainbowKitProvider पर showRecentTransactions विकल्प सक्षम करें।

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

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

लेन-देन को फिर से useAddRecentTransaction हुक का उपयोग करके RainbowKit के साथ रजिस्टर किया जा सकता है।

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>
  );
};