Infos personnalisées sur l'application
Infos personnalisées sur l'application
Personnalisation des informations de votre application
Vous pouvez passer les informations de votre application dans la propriété appInfo du 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 modale 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 clause de non-responsabilité à afficher en bas de la fenêtre modale de connexion. La propriété disclaimer dans appInfo accepte un DisclaimerComponent avec les arguments Text et Link. Vous pouvez l'utiliser pour créer votre propre clause de non-responsabilité 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>
);
};
