turash/bugulma/frontend/hooks/useAsyncOperation.ts

import { useCallback, useState } from 'react';

/**
 * Hook for managing async operations with consistent loading and error states
 */
export function useAsyncOperation<T extends readonly unknown[]>(
  operation: (...args: T) => Promise<void>,
  options: {
    onSuccess?: () => void;
    onError?: (error: Error) => void;
  } = {}
) {
  const [isLoading, setIsLoading] = useState(false);
  const [error, setError] = useState<Error | null>(null);

  const execute = useCallback(
    async (...args: T) => {
      setIsLoading(true);
      setError(null);

      try {
        await operation(...args);
        options.onSuccess?.();
      } catch (err) {
        const error = err instanceof Error ? err : new Error(String(err));
        setError(error);
        options.onError?.(error);
      } finally {
        setIsLoading(false);
      }
    },
    [operation, options]
  );

  const reset = useCallback(() => {
    setError(null);
  }, []);

  return {
    execute,
    isLoading,
    error,
    reset,
  };
}