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

Add search icon

Browse Source 
Summary: Doc: https://docs.google.com/document/d/1miofxds9DJgWScj0zFyBbdpRH5Rj0T9FqiCapof5-vU/edit#heading=h.pg8svtdjlx7

Reviewed By: LukeDefeo

Differential Revision: D49349828

fbshipit-source-id: 45a9917366236dda6c2409c30a4800cfe53dbd56
This commit is contained in:
Andrey Goncharov
2023-09-19 08:19:25 -07:00
committed by Facebook GitHub Bot
parent 54a93c03aa
commit d09dde724b
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
desktop/flipper-plugin/src/ui/PowerSearch/index.tsx
View File

@@ -28,6 +28,7 @@ import {
import {useLatestRef} from '../../utils/useLatestRef'; import {useLatestRef} from '../../utils/useLatestRef';
import {useUpdateEffect} from 'react-use'; import {useUpdateEffect} from 'react-use';
import {theme} from '../theme'; import {theme} from '../theme';
import {SearchOutlined} from '@ant-design/icons';
export {PowerSearchConfig, OperatorConfig, FieldConfig, SearchExpressionTerm}; export {PowerSearchConfig, OperatorConfig, FieldConfig, SearchExpressionTerm};
@@ -97,6 +98,13 @@ export const PowerSearch: React.FC<PowerSearchProps> = ({
return ( return (
<PowerSearchContainer> <PowerSearchContainer>
<Space size={[theme.space.tiny, 0]}> <Space size={[theme.space.tiny, 0]}>
<SearchOutlined
style={{
marginLeft: theme.space.tiny,
marginRight: theme.space.tiny,
color: theme.textColorSecondary,
}}
/>
{searchExpression.map((searchTerm, i) => { {searchExpression.map((searchTerm, i) => {
const isLastTerm = i === searchExpression.length - 1; const isLastTerm = i === searchExpression.length - 1;