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

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

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

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

एक बार लेनदेन पंजीकृत होने के बाद, समापन पर इसकी स्थिति को अपडेट किया जाएगा।

डिफ़ॉल्ट रूप से, लेनदेन को पूरा माना जाएगा एक बार एक ब्लॉक माइन हो जाने के बाद जिसमें लेनदेन माइन किया गया था, लेकिन इसे एक कस्टम 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>
  );
};