External/signoz
1
0
Fork 0
mirror of https://github.com/SigNoz/signoz.git synced 2025-12-23 02:17:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: some of the styles are removed and used native antd components (#1730)

Browse Source
This commit is contained in:
Palash Gupta 2022-11-21 13:39:54 +05:30 committed by GitHub
parent b8c58a9812
commit db105af89f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/src/container/MetricsTable/index.tsx
View File

@ -1,6 +1,6 @@
import { blue } from '@ant-design/colors'; import { blue } from '@ant-design/colors';
import { SearchOutlined } from '@ant-design/icons'; import { SearchOutlined } from '@ant-design/icons';
import { Button, Input, Space, Table } from 'antd'; import { Button, Card, Input, Space, Table } from 'antd';
import type { ColumnsType, ColumnType } from 'antd/es/table'; import type { ColumnsType, ColumnType } from 'antd/es/table';
import type { FilterConfirmProps } from 'antd/es/table/interface'; import type { FilterConfirmProps } from 'antd/es/table/interface';
import localStorageGet from 'api/browser/localstorage/get'; import localStorageGet from 'api/browser/localstorage/get';
@ -48,37 +48,27 @@ function Metrics(): JSX.Element {
const filterDropdown = useCallback( const filterDropdown = useCallback(
({ setSelectedKeys, selectedKeys, confirm }) => ( ({ setSelectedKeys, selectedKeys, confirm }) => (
<div <Card size="small">
style={{ <Space align="start" direction="vertical">
padding: 8, <Input
}} placeholder="Search by service"
> value={selectedKeys[0]}
<Input onChange={(e): void =>
placeholder="Search by service" setSelectedKeys(e.target.value ? [e.target.value] : [])
value={selectedKeys[0]} }
onChange={(e): void => allowClear
setSelectedKeys(e.target.value ? [e.target.value] : []) onPressEnter={(): void => handleSearch(confirm)}
} />
allowClear
onPressEnter={(): void => handleSearch(confirm)}
style={{
marginBottom: 8,
}}
/>
<Space>
<Button <Button
type="primary" type="primary"
onClick={(): void => handleSearch(confirm)} onClick={(): void => handleSearch(confirm)}
icon={<SearchOutlined />} icon={<SearchOutlined />}
size="small" size="small"
style={{
width: 90,
}}
> >
Search Search
</Button> </Button>
</Space> </Space>
</div> </Card>
), ),
[], [],
); );