23 lines
547 B
TypeScript
23 lines
547 B
TypeScript
import { useState } from "react";
|
|
|
|
export default function useLoading<T>(fn: ((e: React.MouseEvent) => Promise<T> | T) | undefined, disabled?: boolean) {
|
|
const [loading, setLoading] = useState<boolean>(false);
|
|
|
|
async function handle(e: React.MouseEvent) {
|
|
e.stopPropagation();
|
|
if (loading || disabled) return;
|
|
setLoading(true);
|
|
try {
|
|
if (typeof fn === "function") {
|
|
await fn(e);
|
|
}
|
|
} catch (e) {
|
|
console.error(e);
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
}
|
|
|
|
return { handle, loading };
|
|
}
|