flowviz/client/src/component/whiteboard/task/setup/toolForm.js

A framework which provides seamless integration with other phylogenetic tools and frameworks, while allowing workflow scheduling and execution, through the Apache Airflow workflow system.

import { FormControl, Select, MenuItem } from "@material-ui/core";
import * as React from "react";

export default function ToolForm({
  collection = [],
  value = "",
  onSelectValueChange = () => {},
}) {
  const hasCollection = collection && collection.length > 0;

  const Form = () => {
    return (
      <FormControl fullWidth>
        <Select value={value} onChange={onSelectValueChange}>
          {collection.map((elem) => {
            return (
              <MenuItem key={elem} value={elem}>
                {elem}
              </MenuItem>
            );
          })}
        </Select>
      </FormControl>
    );
  };

  return !hasCollection ? <></> : <Form />;
}