[Behavioral Analytics] Add loading state for search on explorer page

elastic · Apr 21, 2023 · 828e3c7 · 828e3c7
1 parent 8ddb210
commit 828e3c7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/...nalytics/components/analytics_collection_view/analytics_collection_explore_table_logic.ts b/...nalytics/components/analytics_collection_view/analytics_collection_explore_table_logic.ts
@@ -341,7 +341,10 @@ export const AnalyticsCollectionExploreTableLogic = kea<
 
  return {
  onTableChange: fetchItems,
- setSearch: fetchItems,
+ setSearch: async (_, breakpoint) => {
+ await breakpoint(200);
+ fetchItems();
+ },
  setSearchSessionId: fetchItems,
  setSelectedTable: fetchItems,
  setTimeRange: fetchItems,

diff --git a/...ics_collection_view/analytics_collection_explorer/analytics_collection_explorer_table.tsx b/...ics_collection_view/analytics_collection_explorer/analytics_collection_explorer_table.tsx
@@ -277,6 +277,7 @@ export const AnalyticsCollectionExplorerTable = () => {
  value={search}
  onChange={(event) => setSearch(event.target.value)}
  isClearable
+ isLoading={isLoading}
  incremental
  fullWidth
  />