Use text for tab headings

Summary: Use text for tab headings

Reviewed By: lblasa

Differential Revision: D50595976

fbshipit-source-id: c062bb984ef83d76761e1deb9f24ec095099bd98

desktop/plugins/public/ui-debugger/components/sidebarV2/SidebarV2.tsx

@@ -15,9 +15,6 @@ import {NoData} from '../sidebar/inspector/NoData';
 import {Tooltip} from 'antd';
 import {AttributesInspector} from './AttributesInspector';
 import {FrameworkEventsInspector} from '../sidebar/inspector/FrameworkEventsInspector';
-import {theme} from 'flipper-plugin';
-// eslint-disable-next-line rulesdir/no-restricted-imports-clone
-import {Glyph} from 'flipper';
 
 type Props = {
   selectedNode?: ClientNode;
@@ -43,14 +40,7 @@ export function SidebarV2({selectedNode, metadata, showBottomPanel}: Props) {
         grow
         centered
         key={selectedNode.id}>
-        <Tab
+        <Tab tab={<Tooltip title="Attributes">Attributes</Tooltip>}>
-          tab={
-            <Tooltip title="Attributes">
-              <Layout.Horizontal center>
-                <Glyph name="data-table" size={16} color={theme.primaryColor} />
-              </Layout.Horizontal>
-            </Tooltip>
-          }>
           <AttributesInspector node={selectedNode} metadata={metadata} />
         </Tab>
         {selectedFrameworkEvents?.length > 0 && (
@@ -58,13 +48,7 @@ export function SidebarV2({selectedNode, metadata, showBottomPanel}: Props) {
             key={'events'}
             tab={
               <Tooltip title="Events">
-                <Layout.Horizontal center>
+                <Layout.Horizontal center>Events</Layout.Horizontal>
-                  <Glyph
-                    name="weather-thunder"
-                    size={16}
-                    color={theme.primaryColor}
-                  />
-                </Layout.Horizontal>
               </Tooltip>
             }>
             <FrameworkEventsInspector