Rainbow logo
RainbowKit
2.2.4

معلومات التطبيق المخصص

معلومات التطبيق المخصص

تخصيص معلومات تطبيقك

يمكنك تمرير معلومات تطبيقك في خاصية appInfo لمكون RainbowKitProvider. الخصائص التي يمكنك تعديلها هي اسم التطبيق (appName) والرابط الذي يعيد التوجيه عند الضغط على زر “تعرف على المزيد” في نافذة الاتصال (learnMoreUrl):

import { RainbowKitProvider } from '@rainbow-me/rainbowkit';
const App = () => {
return (
<RainbowKitProvider appInfo={{ appName: 'Rainbowkit Demo', learnMoreUrl: 'https://learnaboutcryptowallets.example', }} {...etc} >
{/* ... */}
</RainbowKitProvider>
);
};

يمكنك تقديم إخلاء مسؤوليتك الخاص ليتم عرضه في أسفل نافذة الاتصال. تأخذ خاصية disclaimer في appInfo مكون DisclaimerComponent مع وسيطات Text و Link. يمكنك استخدامه لبناء إخلاء المسؤولية الخاص بك الذي يرث نظام التهيئة. نقوم بتصدير نوع DisclaimerComponent لمستخدمي TypeScript:

import { RainbowKitProvider, DisclaimerComponent, } from '@rainbow-me/rainbowkit';
const Disclaimer: DisclaimerComponent = ({ Text, Link }) => (
<Text>
By connecting your wallet, you agree to the{' '}
<Link href="https://termsofservice.xyz">Terms of Service</Link> and
acknowledge you have read and understand the protocol{' '}
<Link href="https://disclaimer.xyz">Disclaimer</Link>
</Text>
);
const App = () => {
return (
<RainbowKitProvider appInfo={{ appName: 'RainbowKit Demo', disclaimer: Disclaimer, }} {...etc} >
{/* ... */}
</RainbowKitProvider>
);
};