Skip to content

cartStore ​

Visão Geral ​

Store Zustand para gerenciamento do carrinho de compras.

Localização ​

frontend-react/src/stores/cartStore.ts

Estado ​

typescript
interface CartState {
  items: CartItem[];
  // Métodos
  addItem: (item: MenuItem, quantity: number, notes?: string) => void;
  updateQuantity: (menuItemId: string, quantity: number) => void;
  removeItem: (menuItemId: string) => void;
  clearCart: () => void;
}

Computed ​

PropriedadeTipoDescrição
itemCountnumberTotal de itens
subtotalnumberSubtotal sem taxas
totalnumberTotal final

Uso ​

tsx
import { useCartStore } from './stores/cartStore';

const items = useCartStore((s) => s.items);
const addItem = useCartStore((s) => s.addItem);
const total = useCartStore((s) => s.total);

Estrutura do Item ​

typescript
interface CartItem {
  menuItem: MenuItem;
  quantity: number;
  notes?: string;
}

Lançado sob a licença MIT.