Blocos Dependentes

Alguns blocos exigem outros blocos para funcionar corretamente. Certifique-se de adicionar suas dependências antes de usá-los.

Importante

Se você não seguir as instruções abaixo, pode encontrar problemas com os blocos não funcionando corretamente.

Diagrama de Dependências#

Alguns blocos exigem outros blocos para funcionar corretamente. Certifique-se de adicionar suas dependências antes de usá-los.

Mostrar DiagramaClique para carregar o diagrama interativo de dependências

Dependências por Grupo de Blocos#

Escrows por Signatário (Tabela,Cartões) & Escrows por Função (Tabela,Cartões)#

Esses blocos de listagem/detalhe dependem de vários módulos e provedores compartilhados:

  • wallet-kit

  • providers

  • handle-errors

  • helpers

  • tanstack

  • single-releaseoumulti-releaseousingle-multi-release// Dependendo das suas necessidades

Provedores a incluirCertifique-se de incluir todos os provedores. Esses blocos precisam de todos eles

# Exemplos rápidos de instalação
npx trustless-work add wallet-kit
npx trustless-work add escrows/single-release # Se você precisa de escrows single-release
npx trustless-work add escrows/multi-release # Se você precisa de escrows multi-release
npx trustless-work add escrows/single-multi-release # Se você precisa financiar, aprovar ou alterar status
npx trustless-work add tanstack

# Se você pulou o comando init, adicione estes provedores
npx trustless-work add providers # Todos eles são necessários para esses blocos

# Módulos utilitários opcionais
npx trustless-work add handle-errors
npx trustless-work add helpers

Componentes Single Release & Multi Release#

Todas as ações single-release e multi-release (Inicializar Escrow, Financiar Escrow, Alterar Status do Marco, Aprovar Marco, Liberar, Disputa, Resolver, Atualizar Escrow) requerem:

  • wallet-kit

  • providers

  • handle-errors

  • tanstack

  • helpers

# Adicione o essencial para fluxos single-release
npx trustless-work add wallet-kit
npx trustless-work add tanstack

# Se você pulou o comando init, adicione estes provedores
npx trustless-work add providers # Só é necessário Wallet, TrustlessWork, Escrow e ReactQueryClient

# Módulos utilitários opcionais
npx trustless-work add handle-errors
npx trustless-work add helpers

Envelopamento de Provedores (ordem importa)#

Envolva seu app com os seguintes provedores, nesta ordem. IncluaEscrowDialogsProvidere EscrowAmountProviderquando uma página usar diálogos ou contexto de valor.

app/layout.tsx

import { ReactQueryClientProvider } from "@/components/tw-blocks/providers/ReactQueryClientProvider";
import { TrustlessWorkProvider } from "@/components/tw-blocks/providers/TrustlessWork";
import { WalletProvider } from "@/components/tw-blocks/wallet-kit/WalletProvider";
import { EscrowProvider } from "@/components/tw-blocks/providers/EscrowProvider";
import { EscrowDialogsProvider } from "@/components/tw-blocks/providers/EscrowDialogsProvider";
import { EscrowAmountProvider } from "@/components/tw-blocks/providers/EscrowAmountProvider";

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>
        <ReactQueryClientProvider>
          <TrustlessWorkProvider>
            <WalletProvider>
              <EscrowProvider>
                <EscrowDialogsProvider>
                  <EscrowAmountProvider>
                    {children}
                  </EscrowAmountProvider>
                </EscrowDialogsProvider>
              </EscrowProvider>
            </WalletProvider>
          </TrustlessWorkProvider>
        </ReactQueryClientProvider>
      </body>
    </html>
  );
}
AnteriorCiclo de Vida de Liberação Única da CauçãoPróximoTodos os Blocos

Atualizado

Isto foi útil?