Ir al contenido principal

Rainbowkit-Celo

Vista general de Rainbowkit-Celo


Rainbowkit-Celo

RainbowKit es una librer铆a React que facilita agregar wallet connection a tu dapp. Es intuitivo, receptivo y personalizable.

Adem谩s, en Celo desarrollamos un plugin para ayudar a los desarrolladores de rainbowkit a apoyar el protocolo CELO m谩s r谩pido. Incluye la informaci贸n de la cadena, as铆 como las principales billeteras CELO (actualmente Valora, Celo Wallet, y Celo Terminal).

Instalaci贸n

npm install @celo/rainbowkit-celo

Este paquete tiene @rainbow-me/rainbowkit como dependencia de un par y espera que se instale tambi茅n. Sigue sus instrucciones si a煤n no se ha hecho.

Uso

import {
connectorsForWallets,
RainbowKitProvider,
wallet,
} from "@rainbow-me/rainbowkit";
import { configureChains, createClient, WagmiConfig } from "wagmi";
import { jsonRpcProvider } from "wagmi/providers/jsonRpc";

// Import known recommended wallets
import { Valora, CeloWallet, CeloDance } from "@celo/rainbowkit-celo/wallets";

// Import CELO chain information
import { Alfajores, Celo } from "@celo/rainbowkit-celo/chains";

const { chains, provider } = configureChains(
[Alfajores, Celo],
[jsonRpcProvider({ rpc: (chain) => ({ http: chain.rpcUrls.default }) })]
);

const connectors = connectorsForWallets([
{
groupName: "Recommended with CELO",
wallets: [
Valora({ chains }),
CeloWallet({ chains }),
CeloDance({ chains }),
wallet.steak({ chains }),
wallet.walletConnect({ chains }),
],
},
]);

const wagmiClient = createClient({
autoConnect: true,
connectors,
provider,
});

// ... Tu aplicaci贸n existente.