From 35c0201d227f680aea38da7c54eb19e430e76495 Mon Sep 17 00:00:00 2001
From: Sergey Shevchenko <sshevchenko@yugabyte.com>
Date: Fri, 18 Sep 2020 11:57:26 -0700
Subject: [PATCH] Backport to 2.1: [YW][#5582] Fix Metrics tab on table page

Summary:
Part of the configuration of the metric graphs was removed in D9051 (supposedly accidentally) which caused the issue of a broken metrics tab at the table page.
{F14049}

Address issue with columns misalignment
{F14051}

Test Plan:
1. Run UI
2. Open any universe, click Tables tab --> see aligned columns in tables list
3. Click on any table in the list, open on Metrics tab --> see the metric graphs page

Reviewers: andrew

Reviewed By: andrew

Subscribers: rsami, rao, ui

Differential Revision: https://phabricator.dev.yugabyte.com/D9413

(cherry picked from commit 5b4841e3030af9fa0dae6b8810fb20e402064d8b)
---
 .../metrics/GraphPanel/GraphPanel.js          | 32 ++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/managed/ui/src/components/metrics/GraphPanel/GraphPanel.js b/managed/ui/src/components/metrics/GraphPanel/GraphPanel.js
index 16408b2cdfb3..afc4608d30ce 100644
--- a/managed/ui/src/components/metrics/GraphPanel/GraphPanel.js
+++ b/managed/ui/src/components/metrics/GraphPanel/GraphPanel.js
@@ -129,7 +129,37 @@ const panelTypes = {
       "response_sizes",
       "cql_yb_transaction",
       "cql_yb_rpc_connections"
-    ]}
+    ]},
+
+  tserver_table: {
+    title: "Tablet Server",
+    metrics: ["tserver_log_latency",
+      "tserver_log_bytes_written",
+      "tserver_log_bytes_read",
+      "tserver_log_ops_second",
+      "tserver_log_stats",
+      "tserver_cache_reader_num_ops",
+      "tserver_glog_info_messages"]
+  },
+
+  lsmdb_table: {
+    title: "DocDB",
+    metrics: ["lsm_rocksdb_num_seek_or_next",
+      "lsm_rocksdb_num_seeks_per_node",
+      "lsm_rocksdb_total_sst_per_node",
+      "lsm_rocksdb_avg_num_sst_per_node",
+      "lsm_rocksdb_latencies_get",
+      "lsm_rocksdb_latencies_write",
+      "lsm_rocksdb_latencies_seek",
+      "lsm_rocksdb_block_cache_hit_miss",
+      "lsm_rocksdb_blooms_checked_and_useful",
+      "lsm_rocksdb_stalls",
+      "lsm_rocksdb_flush_size",
+      "lsm_rocksdb_compaction",
+      "lsm_rocksdb_compaction_time",
+      "lsm_rocksdb_compaction_numfiles",
+      "docdb_transaction"]
+  }
 };
 
 class GraphPanel extends Component {