Carteiras Personalizadas

Criar uma carteira personalizada

Nota: Esta API é instável e provavelmente mudará em um futuro próximo. Estaremos adicionando mais carteiras integradas ao longo do tempo. Informe-nos se houver carteiras específicas que interessem a você.

O tipo de função Wallet é fornecido para ajudá-lo a definir suas próprias carteiras personalizadas. As seguintes propriedades podem ser configuradas no valor de retorno da sua função Wallet:

Propriedades da Carteira

Prop	Type	Default
`id*`	`string`	–
`name*`	`string`	–
`rdns`	`string`	–
`shortName`	`string \| undefined`	–
`iconUrl*`	`string \| (() => Promise<string>)`	–
`iconAccent`	`string`	–
`iconBackground*`	`string`	–
`installed`	`boolean \| undefined`	–
`downloadUrls`	`DownloadUrls \| undefined`	–
`hidden`	`(args) => boolean \| undefined`	–
`createConnector*`	`RainbowKitConnector`	–
`mobile`	`object`	–
`desktop`	`object`	–
`qrCode`	`object`	–
`extension`	`object`	–
`createConnector*`	`(details: WalletDetailsParams) => CreateConnectorFn`	–

Propriedades DownloadUrls

Prop	Type	Default
`android`	`string`	–
`ios`	`string`	–
`mobile`	`string`	–
`qrCode`	`string`	–
`chrome`	`string`	–
`edge`	`string`	–
`firefox`	`string`	–
`opera`	`string`	–
`safari`	`string`	–
`browserExtension`	`string`	–

Exemplos

Por exemplo, para criar uma carteira personalizada usando WalletConnect:

import { Wallet, getWalletConnectConnector } from '@rainbow-me/rainbowkit';

export interface MyWalletOptions {
  projectId: string;
}

export const rainbow = ({ projectId }: MyWalletOptions): Wallet => ({
  id: 'my-wallet',
  name: 'My Wallet',
  iconUrl: 'https://my-image.xyz',
  iconBackground: '#0c2f78',
  downloadUrls: {
    android: 'https://play.google.com/store/apps/details?id=my.wallet',
    ios: 'https://apps.apple.com/us/app/my-wallet',
    chrome: 'https://chrome.google.com/webstore/detail/my-wallet',
    qrCode: 'https://my-wallet/qr',
  },
  mobile: {
    getUri: (uri: string) => uri,
  },
  qrCode: {
    getUri: (uri: string) => uri,
    instructions: {
      learnMoreUrl: 'https://my-wallet/learn-more',
      steps: [
        {
          description:
            'We recommend putting My Wallet on your home screen for faster access to your wallet.',
          step: 'install',
          title: 'Open the My Wallet app',
        },
        {
          description:
            'After you scan, a connection prompt will appear for you to connect your wallet.',
          step: 'scan',
          title: 'Tap the scan button',
        },
      ],
    },
  },
  extension: {
    instructions: {
      learnMoreUrl: 'https://my-wallet/learn-more',
      steps: [
        {
          description:
            'We recommend pinning My Wallet to your taskbar for quicker access to your wallet.',
          step: 'install',
          title: 'Install the My Wallet extension',
        },
        {
          description:
            'Be sure to back up your wallet using a secure method. Never share your secret phrase with anyone.',
          step: 'create',
          title: 'Create or Import a Wallet',
        },
        {
          description:
            'Once you set up your wallet, click below to refresh the browser and load up the extension.',
          step: 'refresh',
          title: 'Refresh your browser',
        },
      ],
    },
  },
  createConnector: getWalletConnectConnector({ projectId }),
});

Você pode então adicionar sua carteira personalizada na lista de carteiras.

Visão Geral

Introdução

Avançado

Carteiras Personalizadas

Criar uma carteira personalizada

Propriedades da Carteira

Propriedades DownloadUrls

Exemplos