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.