diff --git a/client/src/components/production-board-kanban/production-board-kanban.component.jsx b/client/src/components/production-board-kanban/production-board-kanban.component.jsx index 10ed5d440..735a761d6 100644 --- a/client/src/components/production-board-kanban/production-board-kanban.component.jsx +++ b/client/src/components/production-board-kanban/production-board-kanban.component.jsx @@ -2,7 +2,7 @@ import { useApolloClient } from "@apollo/client"; import Board, { moveCard } from "@asseinfo/react-kanban"; //import "@asseinfo/react-kanban/dist/styles.css"; import "./production-board-kanban.styles.scss"; -import { SyncOutlined } from '@ant-design/icons' +import { SyncOutlined } from "@ant-design/icons"; import { Grid, notification, Button, PageHeader, Space, Statistic } from "antd"; import React, { useEffect, useState } from "react"; import { useTranslation } from "react-i18next"; @@ -49,9 +49,16 @@ export function ProductionBoardKanbanComponent({ const { t } = useTranslation(); useEffect(() => { - setBoardLanes( - createBoardData(bodyshop.md_ro_statuses.production_statuses, data, filter) + const boardData = createBoardData( + bodyshop.md_ro_statuses.production_statuses, + data, + filter ); + + boardData.columns = boardData.columns.map((d) => { + return { ...d, title: `${d.title} (${d.cards.length})` }; + }); + setBoardLanes(boardData); setIsMoving(false); }, [ data,