Orders (Pedidos)

Componentes para listar e buscar pedidos do usuário.

ListUserOrders

Lista pedidos do usuário.


import { ListUserOrders } from '@meaple-com/react-headless-components';
 
function OrdersList() {
  return (
    <ListUserOrders status="PAID">
      {({ orders, isPending, error }) => {
        if (isPending) return <div>Carregando...</div>;
        if (error) return <div>Erro</div>;
 
        return (
          <div>
            {orders.map(order => (
              <div key={order.id}>
                Pedido #{order.id} - R$ {order.totalPrice}
              </div>
            ))}
          </div>
        );
      }}
    </ListUserOrders>
  );
}

Props:
- status?: 'PAID' | 'REFUNDED' | 'PENDING' – filtro por status.
- eventId?: string – filtrar pedidos por evento (opcional).

Render props:

orders: UserOrderProps[] – pedidos do usuário.
isPending: boolean – estado de carregamento.
error?: Error – erro da requisição (se houver).

Método Core: users.getOrders — veja o exemplo de resposta no Core.

GetOrder

Busca um pedido específico.


import { GetOrder } from '@meaple-com/react-headless-components';
 
function OrderDetails({ orderId }: { orderId: string }) {
  return (
    <GetOrder orderId={orderId}>
      {({ order, isPending, error }) => {
        if (isPending) return <div>Carregando...</div>;
        if (error) return <div>Erro</div>;
        if (!order) return <div>Pedido não encontrado</div>;
 
        return (
          <div>
            <h2>Pedido #{order.id}</h2>
            <p>Status: {order.status}</p>
            <p>Total: R$ {order.totalPrice}</p>
          </div>
        );
      }}
    </GetOrder>
  );
}

Props:
- orderId: string – ID do pedido.

Render props:

order: GetOrderProps[‘order’] | undefined – pedido com itens e ingressos.
paidTickets?: UserTicketProps[] – ingressos pagos.
paymentIntent?: PaymentIntentProps – status do pagamento.
isPending: boolean – estado de carregamento.
error?: Error – erro da requisição (se houver).

Método Core: orders.get — veja o exemplo de resposta no Core.