3efc301da5
* Add Floating Label Autocomplete Selector * Address feedback * Revert unintended change * Move database connection to index file
38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import {useCallback, useMemo, useRef} from 'react';
|
|
|
|
const DELAY = 750;
|
|
|
|
export const usePreventDoubleTap = <T extends Function>(callback: T) => {
|
|
const lastTapRef = useRef<number | null>(null);
|
|
|
|
return useCallback((...args: unknown[]) => {
|
|
const now = Date.now();
|
|
if (lastTapRef.current && now - lastTapRef.current < DELAY) {
|
|
return;
|
|
}
|
|
lastTapRef.current = now;
|
|
callback(...args);
|
|
}, [callback]);
|
|
};
|
|
|
|
export const useDebounce = <T extends Function>(callback: T, delay: number) => {
|
|
const timeoutRef = useRef<NodeJS.Timeout | null>(null);
|
|
|
|
const cancel = useCallback(() => {
|
|
if (timeoutRef.current) {
|
|
clearTimeout(timeoutRef.current);
|
|
}
|
|
}, []);
|
|
|
|
const execute = useCallback((...args: unknown[]) => {
|
|
cancel();
|
|
timeoutRef.current = setTimeout(() => callback(...args), delay);
|
|
}, [callback, delay, cancel]);
|
|
|
|
return useMemo(() => {
|
|
return Object.assign(execute, {cancel});
|
|
}, [execute, cancel]);
|
|
};
|