diff --git a/app/containers/Network/containers/AccessPoints/index.js b/app/containers/Network/containers/AccessPoints/index.js index bb3a309..c71b538 100644 --- a/app/containers/Network/containers/AccessPoints/index.js +++ b/app/containers/Network/containers/AccessPoints/index.js @@ -11,18 +11,21 @@ import { FILTER_EQUIPMENT } from 'graphql/queries'; import styles from './index.module.scss'; -const renderTableCell = tabCell => { - if (Array.isArray(tabCell)) { +const renderTableCell = (text, _record, _index, defaultValue = 'N/A') => { + if (Array.isArray(text)) { + if (text.length < 1) { + return defaultValue; + } return (
- {tabCell.map((i, key) => ( + {text.map((i, key) => ( // eslint-disable-next-line react/no-array-index-key {i} ))}
); } - return tabCell; + return text !== null ? text : defaultValue; }; const durationToString = duration => @@ -96,7 +99,7 @@ const accessPointsTableColumns = [ { title: 'DEVICES', dataIndex: ['status', 'clientDetails', 'details', 'numClientsPerRadio'], - render: renderTableCell, + render: (text, record, index) => renderTableCell(text, record, index, 0), }, ]; diff --git a/app/containers/Network/containers/AccessPoints/index.module.scss b/app/containers/Network/containers/AccessPoints/index.module.scss index a95f62b..5564257 100644 --- a/app/containers/Network/containers/AccessPoints/index.module.scss +++ b/app/containers/Network/containers/AccessPoints/index.module.scss @@ -1,5 +1,4 @@ .tabColumn { display: flex; flex-direction: column; - padding: 0 30px; }