19783: Increase search debounce a bit
authorPeter Amstutz <peter.amstutz@curii.com>
Fri, 9 Dec 2022 21:55:16 +0000 (16:55 -0500)
committerPeter Amstutz <peter.amstutz@curii.com>
Fri, 9 Dec 2022 21:55:16 +0000 (16:55 -0500)
Trying to find a good tradeoff between responsiveness and firing off
redundant searches while the user is actually still typing.

Arvados-DCO-1.1-Signed-off-by: Peter Amstutz <peter.amstutz@curii.com>

src/store/search-bar/search-bar-tree-actions.ts
src/views-components/form-fields/search-bar-form-fields.tsx
src/views-components/projects-tree-picker/projects-tree-picker.tsx

index 7d05a320fecf6348f8543a0e38bdd41916d1cf02..b0bad2f3c294285e82e9d18030b79421bef41376 100644 (file)
@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: AGPL-3.0
 
 import { getTreePicker, TreePicker } from "store/tree-picker/tree-picker";
-import { getNode, getNodeAncestorsIds, initTreeNode, TreeNodeStatus } from "models/tree";
+import { getNode, getNodeAncestorsIds, initTreeNode } from "models/tree";
 import { Dispatch } from "redux";
 import { RootState } from "store/store";
 import { getUserUuid } from "common/getuser";
index 6bd6b8c292e4ced43c7b41162093cc8f92cea751..be28ba2a29d7a449d7225b7fcd5e3ad8b5c39f6a 100644 (file)
@@ -3,16 +3,12 @@
 // SPDX-License-Identifier: AGPL-3.0
 
 import React from "react";
-import { Field, WrappedFieldProps, FieldArray } from 'redux-form';
+import { Field, FieldArray } from 'redux-form';
 import { TextField, DateTextField } from "components/text-field/text-field";
 import { CheckboxField } from 'components/checkbox-field/checkbox-field';
 import { NativeSelectField } from 'components/select-field/select-field';
 import { ResourceKind } from 'models/resource';
-import { HomeTreePicker } from 'views-components/projects-tree-picker/home-tree-picker';
-import { SEARCH_BAR_ADVANCED_FORM_PICKER_ID } from 'store/search-bar/search-bar-actions';
 import { SearchBarAdvancedPropertiesView } from 'views-components/search-bar/search-bar-advanced-properties-view';
-import { TreeItem } from "components/tree/tree";
-import { ProjectsTreePickerItem } from "store/tree-picker/tree-picker-middleware";
 import { PropertyKeyField, } from 'views-components/resource-properties-form/property-key-field';
 import { PropertyValueField } from 'views-components/resource-properties-form/property-value-field';
 import { connect } from "react-redux";
index 2711c77725d4f8dc83c00949927d2c49e918acc5..6ef295be56356e2619b082c822ff1c0fc9ad63cb 100644 (file)
@@ -142,9 +142,9 @@ export const ProjectsTreePicker = connect(mapStateToProps, mapDispatchToProps)(
                 };
                 return <div className={this.props.classes.pickerHeight} >
                     <span className={this.props.classes.searchFlex}>
-                        <SearchInput value="" label="Search for a Project" selfClearProp='' onSearch={onProjectSearch} debounce={200} />
+                        <SearchInput value="" label="Search for a Project" selfClearProp='' onSearch={onProjectSearch} debounce={500} />
                         {this.props.includeCollections &&
-                            <SearchInput value="" label="Filter Collections list in Projects" selfClearProp='' onSearch={onCollectionFilter} debounce={200} />}
+                            <SearchInput value="" label="Filter Collections list in Projects" selfClearProp='' onSearch={onCollectionFilter} debounce={500} />}
                     </span>
 
                     <div className={this.props.classes.scrolledBox}>