-
Notifications
You must be signed in to change notification settings - Fork 12
/
index.tsx
40 lines (38 loc) · 1.41 KB
/
index.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
// SearchTooltip Component
/**
* Tooltip on the search bar
* @packageDocumentation
*/
import React from 'react';
import Tooltip from '@material-ui/core/Tooltip';
import HelpOutlineIcon from '@material-ui/icons/HelpOutline';
import Typography from '@material-ui/core/Typography';
/** SearchTooltip Component */
export const SearchTooltip: React.FC = () => {
return (
<Tooltip
title={
<Typography style={{ fontSize: 14 }}>
{'Fields that support equals ("=") restrictions:'} <br />
{'name'} <br />
{'status_attributes.status'} <br />
{'workspace_info.hostname'} <br /> <br />
{'Fields that support contains (":") restrictions:'} <br />
{'invocation_attributes.users'} <br />
{'invocation_attributes.labels'} <br /> <br />
{
'Fields that support comparison ("<", "<=", ">", ">=") restrictions:'
}
<br />
{'timing.start_time'} <br /> <br />
{'Supported custom function global restrictions:'} <br />
{'propertyEquals("key", "value")'}
</Typography>
}
aria-label="SearchHelp"
>
<HelpOutlineIcon />
</Tooltip>
);
};
export default SearchTooltip;