diff --git a/src/components/logistics/LogisticsReadinessBoard.jsx b/src/components/logistics/LogisticsReadinessBoard.jsx index ba2744f..4c0b4de 100644 --- a/src/components/logistics/LogisticsReadinessBoard.jsx +++ b/src/components/logistics/LogisticsReadinessBoard.jsx @@ -10,23 +10,14 @@ import { Badge } from "../UI/Badge"; import { Panel } from "../UI/Panel"; import { OrderFilters } from "../orders/OrderFilters"; -const renderOrderNumbers = (group) => { +const renderOrderNumbersCompact = (group) => { if (!Array.isArray(group.orderNumbers) || !group.orderNumbers.length) { - return Номера не указаны; + return null; } - - return ( -
- {group.orderNumbers.map((number) => ( - - {number} - - ))} -
- ); + const text = group.orderNumbers.length <= 3 + ? group.orderNumbers.join(", ") + : group.orderNumbers.slice(0, 3).join(", ") + ` +${group.orderNumbers.length - 3}`; + return {text}; }; export const LogisticsReadinessBoard = ({ orderGroups = [], onSelectSet, statusOptions = ORDER_GROUP_DISPLAY_STATUS_OPTIONS }) => { @@ -38,7 +29,6 @@ export const LogisticsReadinessBoard = ({ orderGroups = [], onSelectSet, statusO [filters, orderGroups], ); - // Group by display status value const statusGroups = React.useMemo(() => { const map = new Map(); for (const group of filteredGroups) { @@ -104,7 +94,7 @@ export const LogisticsReadinessBoard = ({ orderGroups = [], onSelectSet, statusO const isCollapsed = collapsedSections.has(statusValue); return ( -
+
))} @@ -171,4 +173,4 @@ export const LogisticsReadinessBoard = ({ orderGroups = [], onSelectSet, statusO )}
); -}; +}; \ No newline at end of file