feat(webhook): delivery list — server-side фильтр по status

Раньше при page=50 admin не мог найти редкий dlq среди
delivered'ов: client-side filter показал бы 1 совпадение из 50,
а на page=1 могли быть ещё. Делаем server-side через ?status=.

Backend:
- WebhookDeliveryRepository.findBySubscriptionIdAndStatusOrderByCreatedAtDesc
  — Spring Data derived query, JPA генерирует SQL.
- GET /admin/webhooks/subscriptions/{id}/deliveries?status=dlq —
  опциональный param. Invalid status → 400 OrdinisException.
  Allowed: pending, retrying, delivered, dlq.

UI:
- 4 chip'а pending/retrying/delivered/dlq над таблицей deliveries
  (одинаковый паттерн со scope-чипами в dictionaries).
- Click toggle + reset page=0. 'Сбросить' появляется когда фильтр
  активен.
- Status в URL пока не персистится — для одной session-страницы
  не критично.
This commit is contained in:
Zimin A.N.
2026-05-06 21:34:04 +03:00
parent fbb0aa121a
commit f2cf34e2fc
5 changed files with 89 additions and 10 deletions
+44 -1
View File
@@ -53,7 +53,12 @@ function WebhookDetailPage() {
const { t } = useTranslation()
const sub = useWebhookSubscription(id)
const [page, setPage] = useState(0)
const deliveries = useWebhookDeliveries(id, page, 50)
const [statusFilter, setStatusFilter] = useState<string | undefined>(undefined)
const deliveries = useWebhookDeliveries(id, page, 50, statusFilter)
const handleStatusToggle = (s: string) => {
setPage(0)
setStatusFilter((curr) => (curr === s ? undefined : s))
}
const rotateMut = useRotateWebhookSecret()
const deleteMut = useDeleteWebhook()
const retryMut = useRetryWebhookDelivery()
@@ -213,6 +218,44 @@ function WebhookDetailPage() {
/>
</div>
<div
className="flex flex-wrap items-center gap-1.5 mb-3"
role="group"
aria-label={t('webhooks.deliveries.filter.label')}
>
{(['pending', 'retrying', 'delivered', 'dlq'] as const).map((s) => {
const active = statusFilter === s
return (
<button
key={s}
type="button"
onClick={() => handleStatusToggle(s)}
aria-pressed={active}
className={[
'inline-flex items-center gap-1.5 px-2.5 py-1 rounded-sm border text-2xs uppercase tracking-label font-secondary transition-colors',
active
? 'border-ultramarain bg-ultramarain/8 text-ultramarain'
: 'border-regolith bg-white text-carbon/70 hover:border-carbon/40',
].join(' ')}
>
{s}
</button>
)
})}
{statusFilter && (
<button
type="button"
onClick={() => {
setPage(0)
setStatusFilter(undefined)
}}
className="text-xs text-ultramarain hover:underline ml-2"
>
{t('webhooks.deliveries.filter.clear')}
</button>
)}
</div>
{deliveries.isLoading ? (
<LoadingBlock size="sm" />
) : !deliveries.data || deliveries.data.content.length === 0 ? (