Bloques dependientes

Algunos bloques requieren otros bloques para funcionar correctamente. Asegúrate de agregar sus dependencias antes de usarlos.

Importante

Si no sigues las instrucciones a continuación, puedes encontrarte con problemas de que los bloques no funcionen correctamente.

Diagrama de Dependencias#

Algunos bloques requieren otros bloques para funcionar correctamente. Asegúrate de agregar sus dependencias antes de usarlos.

Mostrar diagramaHaz clic para cargar el diagrama interactivo de dependencias

Dependencias por Grupo de Bloques#

Escrows por Firmante (Tabla,Tarjetas) y Escrows por Rol (Tabla,Tarjetas)#

Estos bloques de listado/detalle dependen de varios módulos y proveedores compartidos:

  • wallet-kit

  • providers

  • handle-errors

  • helpers

  • tanstack

  • single-releaseomulti-releaseosingle-multi-release// Dependiendo de tus necesidades

Proveedores a incluirAsegúrate de incluir todos los proveedores. Estos bloques necesitan todos ellos

# Ejemplos de instalación rápida
npx trustless-work add wallet-kit
npx trustless-work add escrows/single-release # Si necesitas escrows single-release
npx trustless-work add escrows/multi-release # Si necesitas escrows multi-release
npx trustless-work add escrows/single-multi-release # Si necesitas financiar, aprobar o cambiar estado
npx trustless-work add tanstack

# Si omitiste el comando init, agrega estos proveedores
npx trustless-work add providers # Todos ellos son requeridos por estos bloques

# Módulos utilitarios opcionales
npx trustless-work add handle-errors
npx trustless-work add helpers

Componentes Single Release & Multi Release#

Todas las acciones single-release y multi-release (Iniciar Escrow, Financiar Escrow, Cambiar Estado del Hito, Aprobar Hito, Liberar, Disputa, Resolver, Actualizar Escrow) requieren:

  • wallet-kit

  • providers

  • handle-errors

  • tanstack

  • helpers

# Agrega lo esencial para flujos single-release
npx trustless-work add wallet-kit
npx trustless-work add tanstack

# Si omitiste el comando init, agrega estos proveedores
npx trustless-work add providers # Solo necesitas Wallet, TrustlessWork, Escrow y ReactQueryClient

# Módulos utilitarios opcionales
npx trustless-work add handle-errors
npx trustless-work add helpers

Envoltorio de Proveedores (el orden importa)#

Envuelve tu app con los siguientes proveedores, en este orden. IncluyeEscrowDialogsProvidery EscrowAmountProvidercuando una página use diálogos o el contexto de monto.

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 liberación única del escrowSiguienteTodos los bloques

Última actualización

¿Te fue útil?