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