Skip to content
This repository was archived by the owner on Jul 9, 2025. It is now read-only.

fix: optimize the search experience in ProjectTree #4670

Merged
cwhitten merged 3 commits into from
Nov 4, 2020
Merged

fix: optimize the search experience in ProjectTree #4670

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
b7265cc
use throttle 200 instead of debounce 1000
yeze322 Nov 4, 2020
d8d4743
Merge branch 'main' into fix/4635
boydc2014 Nov 4, 2020
b16e031
Merge branch 'main' into fix/4635
cwhitten Nov 4, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions Composer/packages/client/src/components/ProjectTree/ProjectTree.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ import { FocusZone, FocusZoneDirection } from 'office-ui-fabric-react/lib/FocusZ
import cloneDeep from 'lodash/cloneDeep';
import formatMessage from 'format-message';
import { DialogInfo, ITrigger, Diagnostic, DiagnosticSeverity } from '@bfc/shared';
import debounce from 'lodash/debounce';
import throttle from 'lodash/throttle';
import { useRecoilValue } from 'recoil';
import { ISearchBoxStyles } from 'office-ui-fabric-react/lib/SearchBox';
import { extractSchemaProperties, groupTriggersByPropertyReference, NoGroupingTriggerGroupName } from '@bfc/indexers';
Expand Down Expand Up @@ -152,7 +152,7 @@ export const ProjectTree: React.FC<Props> = ({
const [filter, setFilter] = useState('');
const formDialogComposerFeatureEnabled = useFeatureFlag('FORM_DIALOG');
const [selectedLink, setSelectedLink] = useState<Partial<TreeLink> | undefined>(defaultSelected);
const delayedSetFilter = debounce((newValue) => setFilter(newValue), 1000);
const delayedSetFilter = throttle((newValue) => setFilter(newValue), 200);
const addMainDialogRef = useCallback((mainDialog) => onboardingAddCoachMarkRef({ mainDialog }), []);
const projectCollection = useRecoilValue<BotInProject[]>(botProjectSpaceSelector).map((bot) => ({
...bot,
Expand Down