From a6872deeb9366768b3c1f80c48f84a3e146a2c74 Mon Sep 17 00:00:00 2001
From: Marcus Andersson <marcus.andersson@grafana.com>
Date: Fri, 16 Jul 2021 12:43:13 +0200
Subject: [PATCH] Plugins: automatically search plugins when typing in plugin
 list search box. (#36643)

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

* Decreasing the debounced time to 500ms
---
 public/app/features/plugins/admin/components/SearchField.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/public/app/features/plugins/admin/components/SearchField.tsx b/public/app/features/plugins/admin/components/SearchField.tsx
index e56490cf636..c5fb4f61a98 100644
--- a/public/app/features/plugins/admin/components/SearchField.tsx
+++ b/public/app/features/plugins/admin/components/SearchField.tsx
@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import { css } from '@emotion/css';
 import { useStyles2 } from '@grafana/ui';
 import { GrafanaTheme2 } from '@grafana/data';
+import { useDebounce } from 'react-use';
 
 interface Props {
   value?: string;
@@ -12,6 +13,8 @@ export const SearchField = ({ value, onSearch }: Props) => {
   const [query, setQuery] = useState(value);
   const styles = useStyles2(getStyles);
 
+  useDebounce(() => onSearch(query ?? ''), 500, [query]);
+
   return (
     <input
       value={query}