diff --git a/client/src/resources/change-equipment-status/ChangeEquipmentStatusList.tsx b/client/src/resources/change-equipment-status/ChangeEquipmentStatusList.tsx index 892971a..7264630 100644 --- a/client/src/resources/change-equipment-status/ChangeEquipmentStatusList.tsx +++ b/client/src/resources/change-equipment-status/ChangeEquipmentStatusList.tsx @@ -13,6 +13,7 @@ import { TopToolbar, } from 'react-admin'; import { equipmentStatusChoices } from '../equipment/shared'; +import { StatusChangeAttachmentLink } from './StatusChangeAttachmentLink'; const statusFilters = [ , @@ -41,9 +42,31 @@ export function ChangeEquipmentStatusList() { { - const count = Array.isArray(record.attachments) ? record.attachments.length : 0; - return count ? String(count) : '—'; + render={(record: { + id: string; + attachments?: { id: string; originalFileName?: string | null }[] | null; + }) => { + const items = Array.isArray(record.attachments) ? record.attachments : []; + if (!items.length) { + return '—'; + } + + return ( + + {items.slice(0, 3).map((att) => ( + + + + ))} + {items.length > 3 ? ( + {`+ ещё ${items.length - 3}`} + ) : null} + + ); }} />