fix(admin-ui): reviews — резолвить dictionaryId в имя словаря

В таблицах /reviews (Запись + Мои → Запись) колонка «Объект» показывала
UUID-prefix («254a662f…/REFLEXIO-OPTIC») вместо имени словаря, а ссылка
вела на /dictionaries/<uuid> — 404 (route ожидает name, не UUID).

DraftResponse несёт только dictionaryId (UUID); dictionaryName есть только
у schema-drafts. Резолвим через useDictionaries() — кешируется TanStack
Query, дополнительных запросов не делает.

Fallback на UUID-prefix без link'а, когда dict не в выдаче (scope-hide /
удалён) — лучше чем ведущая в 404 ссылка.

Files:
- routes/reviews.tsx — records-tab table (queue, ReviewsPage)
- components/reviews/MyDraftsPanel.tsx — RecordRow ("Мои" tab)
This commit is contained in:
Zimin A.N.
2026-05-25 14:51:01 +03:00
parent e40689006a
commit 126b797212
2 changed files with 57 additions and 17 deletions
@@ -16,7 +16,7 @@ import {
TableHeaderCell,
TableRow,
} from '@/ui'
import { useMyDrafts, useMySchemaDrafts } from '@/api/queries'
import { useDictionaries, useMyDrafts, useMySchemaDrafts } from '@/api/queries'
import { UserCell } from '@/lib/useUserDisplay'
import type {
DraftOperation,
@@ -303,6 +303,14 @@ function RecordRow({
onClick: () => void
}) {
const { t } = useTranslation()
// DraftResponse несёт только dictionaryId (UUID) — резолвим в name через
// global dictionaries list (кешируется TanStack Query). Fallback на
// UUID-prefix без link'а если dict не в выдаче (scope-hide / deleted).
const dictionaries = useDictionaries()
const dictName = useMemo(
() => dictionaries.data?.find((d) => d.id === draft.dictionaryId)?.name,
[dictionaries.data, draft.dictionaryId],
)
return (
<TableRow>
<TableCell>
@@ -311,15 +319,23 @@ function RecordRow({
</Badge>
</TableCell>
<TableCell>
{dictName ? (
<Link
to="/dictionaries/$name"
params={{ name: draft.dictionaryId }}
params={{ name: dictName }}
className="text-mono text-accent hover:underline"
>
<span className="text-mute">{draft.dictionaryId.slice(0, 8)}</span>
<span>{dictName}</span>
<span className="mx-1 text-mute">/</span>
<span>{draft.businessKey}</span>
</Link>
) : (
<span className="text-mono" title={draft.dictionaryId}>
<span className="text-mute">{draft.dictionaryId.slice(0, 8)}</span>
<span className="mx-1 text-mute">/</span>
<span>{draft.businessKey}</span>
</span>
)}
</TableCell>
<TableCell>
<Badge variant={operationVariant(draft.operation)}>{draft.operation}</Badge>
+26 -2
View File
@@ -27,6 +27,7 @@ import axios from 'axios'
import { useAuth } from 'react-oidc-context'
import { ArrowCounterClockwiseIcon, CheckCircleIcon, XCircleIcon } from '@phosphor-icons/react'
import {
useDictionaries,
useDraft,
useLiveRecord,
useMyDrafts,
@@ -162,6 +163,15 @@ function ReviewsPage() {
const { t } = useTranslation()
const queue = useReviewQueue(0, 50)
const schemaQueue = useSchemaReviewQueue(0, 50)
// DraftResponse несёт только dictionaryId (UUID) — резолвим в name через
// global dictionaries list (кешируется TanStack Query, ~free). Fallback на
// UUID-prefix когда dict недоступен (scope-hide / deleted).
const dictionaries = useDictionaries()
const dictNameById = useMemo(() => {
const map = new Map<string, string>()
for (const d of dictionaries.data ?? []) map.set(d.id, d.name)
return map
}, [dictionaries.data])
// Counts для "Мои" tab badge — sum of attention-needing drafts (pending +
// WIP). Recompute дешёвый (linear over ≤100 items), refetch interval 30s
// делает badge самозаживляющим без manual invalidation.
@@ -463,13 +473,27 @@ function ReviewsPage() {
/>
</TableCell>
<TableCell>
{(() => {
const dictName = dictNameById.get(d.dictionaryId)
if (dictName) {
return (
<Link
to="/dictionaries/$name"
params={{ name: d.dictionaryId }}
params={{ name: dictName }}
className="text-mono text-accent hover:underline"
>
{d.dictionaryId.slice(0, 8)}
{dictName}
</Link>
)
}
// Dict скрыт scope-фильтром или удалён — UUID-prefix
// как fallback, без link'а (вёл бы в 404).
return (
<span className="text-mono text-mute" title={d.dictionaryId}>
{d.dictionaryId.slice(0, 8)}
</span>
)
})()}
</TableCell>
<TableCell className="text-mono">{d.businessKey}</TableCell>
<TableCell>