jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

new antd tabs API

Browse Source 
Reviewed By: lblasa

Differential Revision: D48902684

fbshipit-source-id: 73a7b80b6b223067a7e79d2b6f4cab18943b8214
This commit is contained in:
Anton Kastritskiy
2023-09-01 04:54:35 -07:00
committed by Facebook GitHub Bot
parent 819c75c126
commit 38e64156a8
1 changed files with 29 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
desktop/flipper-ui-core/src/chrome/TroubleshootingHub.tsx
View File

@@ -9,29 +9,43 @@
import {Layout} from '../ui'; import {Layout} from '../ui';
import React from 'react'; import React from 'react';
import {Tab, Tabs} from 'flipper-plugin'; import {Tabs} from 'flipper-plugin';
import SetupDoctorScreen from '../sandy-chrome/SetupDoctorScreen'; import SetupDoctorScreen from '../sandy-chrome/SetupDoctorScreen';
import {ConsoleLogs} from './ConsoleLogs'; import {ConsoleLogs} from './ConsoleLogs';
import {FlipperMessages} from './FlipperMessages'; import {FlipperMessages} from './FlipperMessages';
import {ConnectivityLogs} from './ConnectivityLogs'; import {ConnectivityLogs} from './ConnectivityLogs';
export function TroubleshootingHub() { export function TroubleshootingHub() {
const items = React.useMemo(
() => [
{
key: 'environment-check',
label: 'Environment Check',
children: (
<SetupDoctorScreen visible modal={false} onClose={() => {}} />
),
},
{
key: 'connectivity-logs',
label: 'Connectivity Logs',
children: <ConnectivityLogs />,
},
{
key: 'console-logs',
label: 'Console Logs',
children: <ConsoleLogs />,
},
{
key: 'messages',
label: 'Messages',
children: <FlipperMessages />,
},
],
[],
);
return ( return (
<Layout.Container grow> <Layout.Container grow>
<Tabs defaultActiveKey="connectivity-logs" grow> <Tabs defaultActiveKey="connectivity-logs" grow items={items} />
<Tab tab="Environment Check" tabKey="environment-check">
<SetupDoctorScreen visible modal={false} onClose={() => {}} />
</Tab>
<Tab tab="Connectivity Logs" tabKey="connectivity-logs">
<ConnectivityLogs />
</Tab>
<Tab tab="Console Logs" tabKey="console-logs">
<ConsoleLogs />
</Tab>
<Tab tab="Messages" tabKey="messages">
<FlipperMessages />
</Tab>
</Tabs>
</Layout.Container> </Layout.Container>
); );
} }