Tickets (Ingressos do usuário)

Componentes para listar eventos e ingressos do usuário autenticado.

ListUserEvents

Lista eventos do usuário (requer autenticação).


import { ListUserEvents } from '@meaple-com/react-headless-components';
 
function MyEvents() {
  return (
    <ListUserEvents>
      {({ events, isPending, error }) => {
        if (isPending) return <div>Carregando...</div>;
        if (error) return <div>Erro: {error.message}</div>;
 
        return (
          <div>
            {events.map(event => (
              <div key={event.id}>{event.name}</div>
            ))}
          </div>
        );
      }}
    </ListUserEvents>
  );
}

Props:
- (sem props obrigatórias) – usa o usuário autenticado atual.

Render props:

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

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

ListUserEventTickets

Lista ingressos do usuário para um evento.


import { ListUserEventTickets } from '@meaple-com/react-headless-components';
 
function UserTickets({ eventId }: { eventId: string }) {
  return (
    <ListUserEventTickets eventId={eventId}>
      {({ userTickets, isPending, error }) => {
        if (isPending) return <div>Carregando...</div>;
        if (error) return <div>Erro</div>;
 
        return (
          <div>
            {userTickets.map(ticket => (
              <div key={ticket.id}>{ticket.ticket.name}</div>
            ))}
          </div>
        );
      }}
    </ListUserEventTickets>
  );
}

Props:
- eventId: string – ID do evento.

Render props:

userTickets: UserTicketProps[] – ingressos do usuário para o evento.
isPending: boolean – estado de carregamento.
error?: Error – erro da requisição (se houver).

Método Core: events.getUserEventTickets — veja o exemplo de resposta no Core.