Rainbowkit-celo

Visão geral de Rainbowkit-celo

---

Rainbowkit-celo

RainbowKit é uma biblioteca React que facilita a adição de conexão de carteira ao seu dapp. É intuitivo, responsivo e personalizável.

Além disso, nós desenvolvemos um plugin para ajudar os desenvolvedores de rainbowkit a apoiar o protocolo CELO mais rapidamente. Ele inclui as informações da cadeia, bem como as principais carteiras CELO (atualmente Valora, Celo Wallet, e Celo Terminal).

• Github repo
• Demo page

Instalação

npm install @celo/rainbowkit-celo

Este pacote tem @rainbow-me/rainbowkit como uma dependência com pares e espera que seja instalado também. Siga as instruções se isso ainda não terminar.

Utilização

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,
});

// ... Seu aplicativo existente