fix: add SMS notification statuses to filter options, increase Badge font size

- Add first_sms_sent, second_sms_sent, send_failed, link_ready, ready_to_launch
  to ORDER_GROUP_DISPLAY_STATUS_OPTIONS (were missing from filter dropdown)
- Badge: text-xs (12px) → text-sm (14px), font-semibold → font-medium,
  px-3 py-1 → px-2.5 py-0.5 (matches table text size, less padding)
This commit is contained in:
root 2026-06-23 07:38:54 +00:00
parent bbe578eb3a
commit a55e5857f8
3 changed files with 7 additions and 2 deletions

View File

@ -5,7 +5,7 @@ export const Badge = ({ children, tone = "neutral", className }) => {
return ( return (
<span <span
className={cn( className={cn(
"inline-flex items-center justify-center rounded-full border px-3 py-1 text-center text-xs font-semibold leading-tight tracking-[0.01em] shadow-sm", "inline-flex items-center justify-center rounded-full border px-2.5 py-0.5 text-center text-sm font-medium leading-tight tracking-[0.01em] shadow-sm",
{ {
"border-[rgba(18,128,92,0.18)] bg-[var(--color-accent-soft)] text-[var(--color-accent)]": tone === "accent", "border-[rgba(18,128,92,0.18)] bg-[var(--color-accent-soft)] text-[var(--color-accent)]": tone === "accent",
"border-[rgba(201,61,61,0.22)] bg-[rgba(201,61,61,0.12)] text-[var(--color-danger)]": tone === "danger", "border-[rgba(201,61,61,0.22)] bg-[rgba(201,61,61,0.12)] text-[var(--color-danger)]": tone === "danger",

View File

@ -225,7 +225,7 @@ export const OrdersTable = ({
{group.city || "—"} {group.city || "—"}
</div> </div>
<div className="px-3 py-2"> <div className="px-3 py-2">
<Badge tone={getOrderGroupStatusTone(group)} className="text-sm"> <Badge tone={getOrderGroupStatusTone(group)}>
{getOrderGroupDisplayStatusLabel(group)} {getOrderGroupDisplayStatusLabel(group)}
</Badge> </Badge>
</div> </div>

View File

@ -351,6 +351,11 @@ export const ORDER_GROUP_DISPLAY_STATUS_OPTIONS = [
{ value: "delivery:cancelled", label: DELIVERY_GROUP_STATUS_LABELS.cancelled }, { value: "delivery:cancelled", label: DELIVERY_GROUP_STATUS_LABELS.cancelled },
{ value: "status:manual_required", label: "Требует ручной обработки" }, { value: "status:manual_required", label: "Требует ручной обработки" },
{ value: "status:ready_for_notification", label: "Готово к уведомлению" }, { value: "status:ready_for_notification", label: "Готово к уведомлению" },
{ value: "status:ready_to_launch", label: "Готово к запуску" },
{ value: "status:first_sms_sent", label: NOTIFICATION_STATUS_LABELS.first_sms_sent },
{ value: "status:second_sms_sent", label: NOTIFICATION_STATUS_LABELS.second_sms_sent },
{ value: "status:send_failed", label: NOTIFICATION_STATUS_LABELS.send_failed },
{ value: "status:link_ready", label: NOTIFICATION_STATUS_LABELS.link_ready },
]; ];
export const getOrderGroupStatusLabel = (status) => export const getOrderGroupStatusLabel = (status) =>