Label Requests List

Installation

pnpm dlx shadcn@latest add @ecodeliver/label-requests-list

Usage

Pass the full requests array. Status filtering is owned inside the component (all or a LabelRequestStatus). Pending rows expose cancel / mark-received actions. Automatic pending requests underline “automáticamente” to open the Nota popover (auto-send below 20% remaining).

import { LabelRequestsList } from "@/components/registry/label-requests-list";
import { labelRequests } from "@/mocks";

export function Example() {
  return (
    <LabelRequestsList
      requests={labelRequests}
      onCancel={(id) => {}}
      onMarkReceived={(id) => {}}
    />
  );
}

Display

• Title: Solicitud #{id}
• Pending automatic: “Creada automáticamente el …” with Nota popover
• Pending manual: “Creada manualmente el …”
• Cancelled / received: status badge + status subtitle (updatedAt via PP + es)

Filters (UI labels in Spanish): Todas, Pendientes, Canceladas, Recibidas. Every request requires a reason (few_labels | damaged | not_received).

API Reference

LabelRequestsList

LabelRequest