From a89f6960dcecd5d2c4828b17a7c68e646696719b Mon Sep 17 00:00:00 2001
From: Luke De Feo <lukedefeo@meta.com>
Date: Tue, 29 Nov 2022 01:43:49 -0800
Subject: [PATCH] Added tool tips to sidebar tabs and removed documentation tab

Reviewed By: lblasa

Differential Revision: D41554191

fbshipit-source-id: d14c042f3def75e33e7a2b9d5ad0a27b3303e0d4
---
 .../components/sidebar/Inspector.tsx          | 34 +++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/desktop/plugins/public/ui-debugger/components/sidebar/Inspector.tsx b/desktop/plugins/public/ui-debugger/components/sidebar/Inspector.tsx
index 135ab7ed3..4ef652951 100644
--- a/desktop/plugins/public/ui-debugger/components/sidebar/Inspector.tsx
+++ b/desktop/plugins/public/ui-debugger/components/sidebar/Inspector.tsx
@@ -15,6 +15,7 @@ import {Metadata, MetadataId, UINode} from '../../types';
 import {IdentityInspector} from './inspector/IdentityInspector';
 import {AttributesInspector} from './inspector/AttributesInspector';
 import {DocumentationInspector} from './inspector/DocumentationInspector';
+import {Tooltip} from 'antd';
 
 type Props = {
   node: UINode;
@@ -27,17 +28,22 @@ export const Inspector: React.FC<Props> = ({node, metadata}) => {
       <Tabs grow centered>
         <Tab
           tab={
-            <Layout.Horizontal center>
-              <Glyph name="badge" size={16} />
-            </Layout.Horizontal>
+            <Tooltip title="Identity">
+              <Layout.Horizontal center>
+                <Glyph name="badge" size={16} />
+              </Layout.Horizontal>
+            </Tooltip>
           }>
           <IdentityInspector node={node} />
         </Tab>
+
         <Tab
           tab={
-            <Layout.Horizontal center>
-              <Glyph name="data-table" size={16} />
-            </Layout.Horizontal>
+            <Tooltip title="Attributes">
+              <Layout.Horizontal center>
+                <Glyph name="data-table" size={16} />
+              </Layout.Horizontal>
+            </Tooltip>
           }>
           <AttributesInspector
             mode="attribute"
@@ -47,20 +53,14 @@ export const Inspector: React.FC<Props> = ({node, metadata}) => {
         </Tab>
         <Tab
           tab={
-            <Layout.Horizontal center>
-              <Glyph name="square-ruler" size={16} />
-            </Layout.Horizontal>
+            <Tooltip title="Layout">
+              <Layout.Horizontal center>
+                <Glyph name="square-ruler" size={16} />
+              </Layout.Horizontal>
+            </Tooltip>
           }>
           <AttributesInspector mode="layout" node={node} metadata={metadata} />
         </Tab>
-        <Tab
-          tab={
-            <Layout.Horizontal center>
-              <Glyph name="info-circle" size={16} />
-            </Layout.Horizontal>
-          }>
-          <DocumentationInspector node={node} />
-        </Tab>
       </Tabs>
     </Layout.Container>
   );