Files
flipper/desktop/flipper-ui-core/src/chrome/TroubleshootingHub.tsx
Anton Kastritskiy 38e64156a8 new antd tabs API
Reviewed By: lblasa

Differential Revision: D48902684

fbshipit-source-id: 73a7b80b6b223067a7e79d2b6f4cab18943b8214
2023-09-01 04:54:35 -07:00

52 lines
1.3 KiB
TypeScript

/**
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* @format
*/
import {Layout} from '../ui';
import React from 'react';
import {Tabs} from 'flipper-plugin';
import SetupDoctorScreen from '../sandy-chrome/SetupDoctorScreen';
import {ConsoleLogs} from './ConsoleLogs';
import {FlipperMessages} from './FlipperMessages';
import {ConnectivityLogs} from './ConnectivityLogs';
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 (
<Layout.Container grow>
<Tabs defaultActiveKey="connectivity-logs" grow items={items} />
</Layout.Container>
);
}