first commit

ui/hooks/useDebounce.ts

@@ -0,0 +1,33 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+
+export function useDebouncedValue(value: any, delay: number): any {
+	const [debouncedValue, setDebouncedValue] = useState(value);
+
+	useEffect(() => {
+		const handler = setTimeout(() => {
+			setDebouncedValue(value);
+		}, delay);
+
+		return () => {
+			clearTimeout(handler);
+		};
+	}, [value, delay]);
+
+	return debouncedValue;
+}
+
+export const useDebouncedFunction = <T extends (...args: any[]) => any>(func: T, delay: number): ((...args: Parameters<T>) => void) => {
+	const timeoutRef = useRef<NodeJS.Timeout | null>(null);
+
+	const debouncedFunction = useCallback(
+		(...args: Parameters<T>) => {
+			if (timeoutRef.current) {
+				clearTimeout(timeoutRef.current);
+			}
+			timeoutRef.current = setTimeout(() => func(...args), delay);
+		},
+		[func, delay],
+	);
+
+	return debouncedFunction;
+};