Benutzerdefinierte App-Informationen
Benutzerdefinierte App-Informationen
Anpassen der Informationen Ihrer App
Sie können die Informationen Ihrer App in der appInfo Eigenschaft von RainbowKitProvider angeben. Eigenschaften, die Sie ändern können, sind der Name Ihrer App (appName) und der Link, zu dem der „Mehr erfahren“ Button im Verbindungsmodul weiterleitet (learnMoreUrl):
import { RainbowKitProvider } from '@rainbow-me/rainbowkit';
const App = () => {
return (
<RainbowKitProvider
appInfo={{
appName: 'Rainbowkit Demo',
learnMoreUrl: 'https://learnaboutcryptowallets.example',
}}
{...etc}
>
{}
</RainbowKitProvider>
);
};
Sie können einen eigenen Haftungsausschluss bereitstellen, der unten im Verbindungsmodul angezeigt wird. Die disclaimer Eigenschaft in appInfo nimmt eine DisclaimerComponent mit den Argumenten Text und Link. Sie können es verwenden, um Ihren eigenen Haftungsausschluss zu erstellen, der das Themensystem erbt. Wir exportieren den DisclaimerComponent Typ für TypeScript Nutzer:
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>
);
};
