532f6ff1ee
Summary: ^ Reviewed By: antonk52 Differential Revision: D47591057 fbshipit-source-id: 5f3f308fb252245ebe510dd98b4cbd7ea7c6e27e
56 lines
1.4 KiB
TypeScript
56 lines
1.4 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 React from 'react';
|
|
import {theme} from 'flipper-plugin';
|
|
import styled from '@emotion/styled';
|
|
import {Layout} from '../ui';
|
|
import {Button, Tooltip, Typography} from 'antd';
|
|
import {InfoCircleOutlined} from '@ant-design/icons';
|
|
|
|
export const LeftSidebar: React.FC = ({children}) => (
|
|
<Layout.Container style={{paddingTop: theme.space.small}} grow shrink>
|
|
{children}
|
|
</Layout.Container>
|
|
);
|
|
|
|
export function SidebarTitle({
|
|
children,
|
|
actions,
|
|
}: {
|
|
children: React.ReactNode;
|
|
actions?: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<LeftMenuTitle center>
|
|
<Typography.Text>{children}</Typography.Text>
|
|
<>{actions}</>
|
|
</LeftMenuTitle>
|
|
);
|
|
}
|
|
|
|
const LeftMenuTitle = styled(Layout.Horizontal)({
|
|
padding: `0px ${theme.inlinePaddingH}px`,
|
|
lineHeight: `${theme.space.large}px`,
|
|
fontSize: theme.fontSize.small,
|
|
textTransform: 'uppercase',
|
|
'> :first-child': {
|
|
flex: 1,
|
|
},
|
|
});
|
|
|
|
export const InfoIcon: React.FC<{}> = ({children}) => (
|
|
<Tooltip placement="bottom" title={children} mouseEnterDelay={0.5}>
|
|
<Button
|
|
size="small"
|
|
type="link"
|
|
icon={<InfoCircleOutlined color={theme.textColorSecondary} />}></Button>
|
|
</Tooltip>
|
|
);
|