Infos de l'application personnalisée
Infos de l'application personnalisée
Personnalisation des informations de votre application
Vous pouvez passer les informations de votre application dans la propriété appInfo pour RainbowKitProvider. Les propriétés que vous pouvez modifier sont le nom de votre application (appName) et le lien où le bouton « En savoir plus » dans la fenêtre de connexion redirige (learnMoreUrl) :
import { RainbowKitProvider } from '@rainbow-me/rainbowkit';
const App = () => {
return (
<RainbowKitProvider
appInfo={{
appName: 'Rainbowkit Demo',
learnMoreUrl: 'https://learnaboutcryptowallets.example',
}}
{...etc}
>
{}
</RainbowKitProvider>
);
};
Vous pouvez fournir votre propre avertissement à afficher en bas de la fenêtre de connexion. La propriété disclaimer dans appInfo prend un DisclaimerComponent avec les arguments Text et Link. Vous pouvez l'utiliser pour construire votre propre avertissement qui hérite du système de thème. Nous exportons le type DisclaimerComponent pour les utilisateurs de 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>
);
};
