import { useTask } from "@golem-sdk/react";
import PropTypes from "prop-types";

export function NodeVersionCheckTask({ executor }) {
  const { isRunning, result, run, error } = useTask(executor);

  const getNodeVersionTask = async (exe) => {
    return (await exe.run("node -v")).stdout?.toString() ?? "No version information";
  };

  return (
    <div className="node-version-check-task">
      <button onClick={() => run(getNodeVersionTask)} disabled={isRunning} className="bg-progress">
        Check NodeJS version on provider
      </button>
      <div className="node-version-check-task-status">
        {isRunning && <div className="text-progress">Task is running...</div>}
        {error && <div className="text-error">Task failed: {error.toString()}</div>}
        {result && <div className="text-success">Task result: {result}</div>}
      </div>
    </div>
  );
}

NodeVersionCheckTask.propTypes = {
  executor: PropTypes.object,
};