From 4d092f75dd6ced7d5a8ab5f0f63cc9ab591e1d08 Mon Sep 17 00:00:00 2001
From: Lorenzo Blasa <lblasa@meta.com>
Date: Thu, 20 Jul 2023 06:01:01 -0700
Subject: [PATCH] Connectivity Hub has tabs with logs and environment check

Summary:
^

Code will be refactored in future diffs.

Reviewed By: antonk52

Differential Revision: D47629563

fbshipit-source-id: a4af7beecb41bd141ccd350b2edece4af3de6022
---
 .../flipper-ui-core/src/chrome/ConnectivityHub.tsx   | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/desktop/flipper-ui-core/src/chrome/ConnectivityHub.tsx b/desktop/flipper-ui-core/src/chrome/ConnectivityHub.tsx
index d587f682a98..d2fbe0db431 100644
--- a/desktop/flipper-ui-core/src/chrome/ConnectivityHub.tsx
+++ b/desktop/flipper-ui-core/src/chrome/ConnectivityHub.tsx
@@ -15,6 +15,8 @@ import {
   DataTable,
   DataTableColumn,
   DataTableManager,
+  Tab,
+  Tabs,
   theme,
 } from 'flipper-plugin';
 import {CloseCircleFilled} from '@ant-design/icons';
@@ -23,6 +25,7 @@ import {
   ConnectionRecordEntry,
   FlipperServer,
 } from 'flipper-common';
+import SetupDoctorScreen from '../sandy-chrome/SetupDoctorScreen';
 
 const rows = createDataSource<ConnectionRecordEntry>([], {
   limit: 200000,
@@ -146,7 +149,14 @@ export function ConnectivityHub() {
 
   return (
     <Layout.Container grow>
-      <LogView />
+      <Tabs grow>
+        <Tab tab="Environment Check">
+          <SetupDoctorScreen visible modal={false} onClose={() => {}} />
+        </Tab>
+        <Tab tab="Connectivity Logs">
+          <LogView />
+        </Tab>
+      </Tabs>
     </Layout.Container>
   );
 }