Panel for Raw Details

Summary: ^

Reviewed By: antonk52

Differential Revision: D47915946

fbshipit-source-id: 3455da38d8862d6a2faff34fa7324da44c5acc08

desktop/flipper-ui-core/src/chrome/ConnectivityLogs.tsx

@@ -7,7 +7,7 @@
  * @format
  */
 
-import {Layout} from '../ui';
+import {Layout, Panel} from '../ui';
 import React, {CSSProperties, useState} from 'react';
 import {
   createDataSource,
@@ -139,7 +139,9 @@ function Sidebar({selection}: {selection: undefined | ConnectionRecordEntry}) {
   return (
     <Layout.ScrollContainer pad>
       {selection != null ? (
-        <DataInspector data={selection} expandRoot />
+        <Panel key="Raw" heading="Raw Details">
+          <DataInspector data={selection} />
+        </Panel>
       ) : (
         <Placeholder grow pad="large">
           Select an entry to visualize details