29 lines
747 B
TypeScript
29 lines
747 B
TypeScript
|
import { useCallback, useState } from 'react';
|
||
|
|
|
||
|
|
export function usePendingIds<T extends string | number>() {
|
||
|
|
const [pendingIds, setPendingIds] = useState<Set<T>>(() => new Set());
|
||
|
|
|
||
|
|
const start = useCallback((id: T): void => {
|
||
|
|
setPendingIds((currentIds) => new Set(currentIds).add(id));
|
||
|
|
}, []);
|
||
|
|
|
||
|
|
const finish = useCallback((id: T): void => {
|
||
|
|
setPendingIds((currentIds) => {
|
||
|
|
const nextIds = new Set(currentIds);
|
||
|
|
nextIds.delete(id);
|
||
|
|
|
||
|
|
return nextIds;
|
||
|
|
});
|
||
|
|
}, []);
|
||
|
|
|
||
|
|
const has = useCallback((id: T): boolean => pendingIds.has(id), [pendingIds]);
|
||
|
|
|
||
|
|
return {
|
||
|
|
pendingIds,
|
||
|
|
has,
|
||
|
|
hasAny: pendingIds.size > 0,
|
||
|
|
start,
|
||
|
|
finish,
|
||
|
|
};
|
||
|
|
}
|