Rainbow logo
RainbowKit
2.2.10

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

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

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

يمكنك تمرير معلومات تطبيقك في خاصية 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>
);
};