Show empty sidebar when no node is selected

Summary: ^

Reviewed By: LukeDefeo

Differential Revision: D41549165

fbshipit-source-id: 7f6324c8e04b8c7db3afe1e4cc5e1cbe0c023b7c

desktop/plugins/public/ui-debugger/components/sidebar/Inspector.tsx

@@ -14,15 +14,18 @@ import {Layout, Tab, Tabs} from 'flipper-plugin';
 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';
+import {NoData} from './inspector/NoData';
 
 type Props = {
-  node: UINode;
+  node?: UINode;
   metadata: Map<MetadataId, Metadata>;
 };
 
 export const Inspector: React.FC<Props> = ({node, metadata}) => {
+  if (!node) {
+    return <NoData message="Please select a node to view its details" />;
+  }
   return (
     <Layout.Container gap pad>
       <Tabs grow centered>