From 63be9b1a3df45ced4875f84288a9c919f5ad9cc4 Mon Sep 17 00:00:00 2001
From: Risha Mars <mars@buoyant.io>
Date: Wed, 22 Aug 2018 18:19:17 -0700
Subject: [PATCH] Add top link to sidebar, fix js error (#1508)

- Add a link to Top in the sidebar
- Fix a console error caused by having duplicate react keys
---
 web/app/js/components/Sidebar.jsx       | 7 +++++++
 web/app/js/components/TapEventTable.jsx | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/app/js/components/Sidebar.jsx b/web/app/js/components/Sidebar.jsx
index df3b5644f..1e8d5409b 100644
--- a/web/app/js/components/Sidebar.jsx
+++ b/web/app/js/components/Sidebar.jsx
@@ -162,6 +162,13 @@ class Sidebar extends React.Component {
               </PrefixedLink>
             </Menu.Item>
 
+            <Menu.Item className="sidebar-menu-item" key="/top">
+              <PrefixedLink to="/top">
+                <Icon type="caret-up" />
+                <span>Top</span>
+              </PrefixedLink>
+            </Menu.Item>
+
             {
               _.map(_.take(this.state.namespaces, this.state.maxNsItemsToShow), ns => {
                 return (
diff --git a/web/app/js/components/TapEventTable.jsx b/web/app/js/components/TapEventTable.jsx
index b7dfb87cf..c28b0d7f2 100644
--- a/web/app/js/components/TapEventTable.jsx
+++ b/web/app/js/components/TapEventTable.jsx
@@ -191,7 +191,7 @@ const renderMetaLabels = (title, labels) => {
         columns={srcDstMetaColumns}
         dataSource={data}
         size="small"
-        rowKey="labelVal"
+        rowKey={row => title.replace(" ", "_") + row.labelName + row.labelVal}
         bordered={false}
         showHeader={false}
         pagination={false} />