AccountKeys AccountKeySearch.tsx

33.33% Statements 1/3

100% Branches 0/0

33.33% Functions 1/3

33.33% Lines 1/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


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
41
42  
 
 
 
 
 
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Button, Icon } from "@canonical/react-components";
 
function AccountKeysSearch(props: {
  value?: string;
  onChange: (v: string) => void;
}): React.JSX.Element {
  return (
    <div className="p-search-box">
      <label className="u-off-screen" htmlFor="search">
        Search account keys
      </label>
      <input
        required
        type="search"
        id="search"
        name="search"
        className="p-search-box__input"
        placeholder="Search account keys"
        autoComplete="off"
        value={props.value}
        onChange={(e) => {
          props.onChange(e.target.value);
        }}
      />
      <Button
        type="reset"
        className="p-search-box__reset"
        onClick={() => {
          props.onChange("");
        }}
      >
        <Icon name="close">Clear filter</Icon>
      </Button>
      <Button type="submit" className="p-search-box__button">
        <Icon name="search">Search</Icon>
      </Button>
    </div>
  );
}
 
export default AccountKeysSearch;