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 any[]>(
  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,
  };
}