diff --git a/frontend/src/History/HistoryRow.css b/frontend/src/History/HistoryRow.css index 3f0408b99..a1d156d6b 100644 --- a/frontend/src/History/HistoryRow.css +++ b/frontend/src/History/HistoryRow.css @@ -4,30 +4,22 @@ width: 120px; } +.elapsedTime, .indexer { composes: cell from '~Components/Table/Cells/TableRowCell.css'; width: 150px; } +.categories, +.source, +.date, .releaseGroup { composes: cell from '~Components/Table/Cells/TableRowCell.css'; width: 110px; } -.categories { - composes: cell from '~Components/Table/Cells/TableRowCell.css'; - - width: 110px; -} - -.source { - composes: cell from '~Components/Table/Cells/TableRowCell.css'; - - width: 110px; -} - .details { composes: cell from '~Components/Table/Cells/TableRowCell.css'; diff --git a/frontend/src/History/HistoryRow.js b/frontend/src/History/HistoryRow.js index b442ceb9b..13e1a51a2 100644 --- a/frontend/src/History/HistoryRow.js +++ b/frontend/src/History/HistoryRow.js @@ -5,6 +5,7 @@ import RelativeDateCellConnector from 'Components/Table/Cells/RelativeDateCellCo import TableRowCell from 'Components/Table/Cells/TableRowCell'; import TableRow from 'Components/Table/TableRow'; import { icons } from 'Helpers/Props'; +import CapabilitiesLabel from 'Indexer/Index/Table/CapabilitiesLabel'; import HistoryDetailsModal from './Details/HistoryDetailsModal'; import HistoryEventTypeCell from './HistoryEventTypeCell'; import HistoryRowParameter from './HistoryRowParameter'; @@ -254,7 +255,10 @@ class HistoryRow extends Component { > { data.categories ? - data.categories : + : null } @@ -291,7 +295,7 @@ class HistoryRow extends Component { return ( { data.elapsedTime ? @@ -307,6 +311,7 @@ class HistoryRow extends Component { ); } diff --git a/frontend/src/History/HistoryRowParameter.css b/frontend/src/History/HistoryRowParameter.css index 6bb54053e..6c2792ae8 100644 --- a/frontend/src/History/HistoryRowParameter.css +++ b/frontend/src/History/HistoryRowParameter.css @@ -11,6 +11,7 @@ .info { padding: 0 4px; + white-space: nowrap; } .value { diff --git a/frontend/src/Indexer/Index/Table/CapabilitiesLabel.js b/frontend/src/Indexer/Index/Table/CapabilitiesLabel.js index 698bc6221..e1a4bb4f1 100644 --- a/frontend/src/Indexer/Index/Table/CapabilitiesLabel.js +++ b/frontend/src/Indexer/Index/Table/CapabilitiesLabel.js @@ -3,16 +3,26 @@ import React from 'react'; import Label from 'Components/Label'; function CapabilitiesLabel(props) { + const { + categoryFilter + } = props; + const { categories } = props.capabilities; - const filteredList = categories.filter((item) => item.id < 100000).map((item) => item.name).sort(); + let filteredList = categories.filter((item) => item.id < 100000); + + if (categoryFilter.length > 0) { + filteredList = filteredList.filter((item) => categoryFilter.includes(item.id)); + } + + const nameList = filteredList.map((item) => item.name).sort(); return ( { - filteredList.map((category) => { + nameList.map((category) => { return (