Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2024-12-30 20:33:54 -05:00
Code Issues Activity

refactor(console): useDebounce (#3040)

Browse source
This commit is contained in:
Xiao Yijun 2023-02-01 16:32:50 +08:00 committed by GitHub
parent d5fd433ecc
commit 2420af2093
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
packages/console/src/components/RoleUsersTransfer/components/SourceUsersBox/index.tsx
View file

@ -26,7 +26,6 @@ type Props = {
}; };
const pageSize = defaultPageSize; const pageSize = defaultPageSize;
const searchDelay = 500;
const SourceUsersBox = ({ roleId, selectedUsers, onChange }: Props) => { const SourceUsersBox = ({ roleId, selectedUsers, onChange }: Props) => {
const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' }); const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
@ -52,7 +51,7 @@ const SourceUsersBox = ({ roleId, selectedUsers, onChange }: Props) => {
debounce(() => { debounce(() => {
setPage(1); setPage(1);
setKeyword(event.target.value); setKeyword(event.target.value);
}, searchDelay); });
}; };
const isUserAdded = (user: User) => selectedUsers.findIndex(({ id }) => id === user.id) >= 0; const isUserAdded = (user: User) => selectedUsers.findIndex(({ id }) => id === user.id) >= 0;

3
packages/console/src/components/UserRolesTransfer/components/SourceRolesBox/index.tsx
View file

@ -26,7 +26,6 @@ type Props = {
}; };
const pageSize = defaultPageSize; const pageSize = defaultPageSize;
const searchDelay = 500;
const SourceRolesBox = ({ userId, selectedRoles, onChange }: Props) => { const SourceRolesBox = ({ userId, selectedRoles, onChange }: Props) => {
const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' }); const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
@ -56,7 +55,7 @@ const SourceRolesBox = ({ userId, selectedRoles, onChange }: Props) => {
debounce(() => { debounce(() => {
setPage(1); setPage(1);
setKeyword(event.target.value); setKeyword(event.target.value);
}, searchDelay); });
}; };
const isEmpty = !isLoading && !error && dataSource.length === 0; const isEmpty = !isLoading && !error && dataSource.length === 0;

12
packages/console/src/hooks/use-debounce.ts
View file

@ -1,7 +1,9 @@
import { useEffect, useRef } from 'react'; import { useEffect, useRef } from 'react';
const useDebounce = () => { const defaultDelay = 500;
const timerRef = useRef<NodeJS.Timeout>();
const useDebounce = (delay: number = defaultDelay) => {
const timerRef = useRef<number>();
const clearTimer = () => { const clearTimer = () => {
if (timerRef.current) { if (timerRef.current) {
@ -15,13 +17,13 @@ const useDebounce = () => {
}; };
}, []); }, []);
return (callback: () => void, wait: number) => { return (callback: () => void) => {
clearTimer(); clearTimer();
// eslint-disable-next-line @silverhand/fp/no-mutation // eslint-disable-next-line @silverhand/fp/no-mutation
timerRef.current = setTimeout(() => { timerRef.current = window.setTimeout(() => {
callback(); callback();
clearTimer(); clearTimer();
}, wait); }, delay);
}; };
}; };