earth-africaAPI de Contexto

Provedores de que você vai precisar.

Visão geral

Esta seção mostrará o código dos providers que usaremos, como para abas, carteira e escrow.

Gerenciamento de Estado Global das Abas

O gerenciamento de estado global das abas envolve manter e sincronizar o estado dos componentes de aba em toda a aplicação para garantir consistência e eficiência.

"use client";

import { createContext, useContext, useState, ReactNode } from "react";

type Tabs = "deploy" | "escrow" | "helper";

interface TabsContextType {
  activeTab: Tabs;
  setActiveTab: (tab: Tabs) => void;
}

const TabsContext = createContext<TabsContextType | undefined>(undefined);

export function useTabsContext() {
  const context = useContext(TabsContext);
  if (!context) {
    throw new Error("useTabsContext must be used within TabsProvider");
  }
  return context;
}

export function TabsProvider({ children }: { children: ReactNode }) {
  const [activeTab, setActiveTab] = useState<Tabs>("deploy");

  return (
    <TabsContext.Provider value={{ activeTab, setActiveTab }}>
      {children}
    </TabsContext.Provider>
  );
}

Gerenciamento de Estado Global do Escrow

O gerenciamento de estado global do escrow envolve lidar com o estado relacionado às funcionalidades de escrow dentro de uma aplicação. Isso garante que todos os componentes que interagem com operações de escrow mantenham um estado sincronizado.

Gerenciamento de Estado Global da Carteira

O gerenciamento de estado global da carteira garante o tratamento consistente dos estados relacionados à carteira em toda a aplicação.

Provider Global

Construímos um provider global para gerenciar os providers.

Atualizado