Explore: updates Table container render to avoid rendering table on empty result

This commit is contained in:
Lukas Siatka 2020-01-20 12:16:41 +01:00 committed by Lukas Siatka
parent 2bdbdd6930
commit e230e1df96

View File

@ -40,17 +40,19 @@ export class TableContainer extends PureComponent<TableContainerProps> {
const height = this.getTableHeight();
const tableWidth = width - config.theme.panelPadding * 2 - PANEL_BORDER;
const hasTableResult = tableResult?.length;
return (
<Collapse label="Table" loading={loading} collapsible isOpen={showingTable} onToggle={this.onClickTableButton}>
{!tableResult?.length && (
{hasTableResult ? (
<Table data={tableResult} width={tableWidth} height={height} onCellClick={onClickCell} />
) : (
<div className="logs-panel-meta">
<div className="logs-panel-meta__item">
<span className="logs-panel-meta__value">0 series returned</span>
</div>
</div>
)}
{tableResult && <Table data={tableResult} width={tableWidth} height={height} onCellClick={onClickCell} />}
</Collapse>
);
}