import { useMemo } from "react";
import { useUserPositions } from "../useUserPositions/useUserPositions";
import { UserPosition } from "../../../state";

/**
 * A hook to return an array of positions that can be evolved, for displaying UI to allow
 * the user to select and evolve their positions
 */
export const useEvolvablePositions = () => {
  const { userPositionsArray } = useUserPositions();

  const canLevelUpPositions = useMemo(
    () =>
      userPositionsArray.reduce(
        (acc, position) => (position.canLevelUp ? [...acc, position] : acc),
        [] as UserPosition[]
      ),
    [userPositionsArray]
  );

  return canLevelUpPositions;
};