New sidebar design 1/n

Summary: Added basic infra basic types

Reviewed By: lblasa

Differential Revision: D50595985

fbshipit-source-id: 48ebd74bd8ccebdd8a6d69dbda344b8d831dc04f

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

@@ -126,7 +126,7 @@ export const Inspector: React.FC<Props> = ({
               frameworkEventMetadata={frameworkEventMetadata}
               node={selectedNode}
               events={selectedFrameworkEvents}
-              showExtra={showExtra}
+              showBottomPanel={showExtra}
             />
           </Tab>
         )}

desktop/plugins/public/ui-debugger/components/sidebar/inspector/FrameworkEventsInspector.tsx

@@ -42,7 +42,7 @@ import {tracker} from '../../../utils/tracker';
 type Props = {
   node: ClientNode;
   events: readonly FrameworkEvent[];
-  showExtra?: (title: string, element: ReactNode) => void;
+  showBottomPanel?: (title: string, element: ReactNode) => void;
   frameworkEventMetadata: Map<FrameworkEventType, FrameworkEventMetadata>;
   onSetViewMode: (viewMode: ViewMode) => void;
 };
@@ -50,7 +50,7 @@ type Props = {
 export const FrameworkEventsInspector: React.FC<Props> = ({
   node,
   events,
-  showExtra,
+  showBottomPanel: showExtra,
   frameworkEventMetadata,
   onSetViewMode,
 }) => {