IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Plugins: automatically search plugins when typing in plugin list search box. (#36643)

Browse Source 
* will automagically search if typing something in the search field.

* Decreasing the debounced time to 500ms
This commit is contained in:
Marcus Andersson
2021-07-16 12:43:13 +02:00
committed by GitHub
parent 11d03f7961
commit a6872deeb9
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
public/app/features/plugins/admin/components/SearchField.tsx
View File

@@ -2,6 +2,7 @@ import React, { useState } from 'react';
import { css } from '@emotion/css'; import { css } from '@emotion/css';
import { useStyles2 } from '@grafana/ui'; import { useStyles2 } from '@grafana/ui';
import { GrafanaTheme2 } from '@grafana/data'; import { GrafanaTheme2 } from '@grafana/data';
import { useDebounce } from 'react-use';
interface Props { interface Props {
value?: string; value?: string;
@@ -12,6 +13,8 @@ export const SearchField = ({ value, onSearch }: Props) => {
const [query, setQuery] = useState(value); const [query, setQuery] = useState(value);
const styles = useStyles2(getStyles); const styles = useStyles2(getStyles);
useDebounce(() => onSearch(query ?? ''), 500, [query]);
return ( return (
<input <input
value={query} value={query}