fix(ui): wrap remaining UUIDs into UserCell — 3 missed spots

MR !177 added /admin/users/{sub}/display + UserCell + useUserDisplay,
but only some renderers were migrated. Three places still rendered
raw UUID strings:

1. reviews.tsx:466 — record draft drawer ("Согласование draft" header)
   showed `{draft.makerId}` raw. Tables on the same page already use
   <UserCell uuid={d.makerId} />. Verified via prod staging:
   soloviev.da approved a record draft today and the drawer header
   showed the maker as "77ec2cc8-98e3-4d70-8037-94038fcbde67" instead
   of the username.
2. RecordHistoryDrawer.tsx:110 — version history `updatedBy` raw.
3. webhooks.$id.tsx:235 — webhook subscription `createdBy` raw.

All three switched to <UserCell uuid={...} />, matching the existing
pattern. Added the import where missing. Wrapped each in
inline-flex so the UserCell sits next to the label cleanly.

No backend / API changes — same /admin/users/{sub}/display endpoint
populated by JwtUserCaptureFilter (MR !177).
This commit is contained in:
Andrei Zimin
2026-05-14 13:25:41 +03:00
committed by Zimin A.N.
parent 969395e00d
commit 93b2676994
3 changed files with 9 additions and 6 deletions
+3 -2
View File
@@ -1,6 +1,7 @@
import { useState } from 'react'
import { createFileRoute, Link } from '@tanstack/react-router'
import { useTranslation } from 'react-i18next'
import { UserCell } from '@/lib/useUserDisplay'
import {
Alert,
Badge,
@@ -231,8 +232,8 @@ function WebhookDetailPage() {
<code className="text-mono">{data.hmacSecret}</code>
</InfoRow>
<InfoRow label={t('webhooks.field.createdBy')}>
<span className="text-cell">
{data.createdBy} · {new Date(data.createdAt).toLocaleString()}
<span className="text-cell inline-flex items-center gap-1">
<UserCell uuid={data.createdBy} /> · {new Date(data.createdAt).toLocaleString()}
</span>
</InfoRow>
</div>