Project

General

Profile

Download (1.14 KB) Statistics
| Branch: | Tag: | Revision:
import React from 'react';
import PropTypes from 'prop-types';

import {
FormGroup,
FormSelect,
FormSelectOption,
} from '@patternfly/react-core';

import { translate as __ } from '../../../../../common/I18n';
import { emptyOption } from '../../RegistrationCommandsPageHelpers';

const HostGroup = ({ hostGroupId, hostGroups, handleHostGroup, isLoading }) => (
<FormGroup label={__('Host group')} fieldId="reg_host_group">
<FormSelect
ouiaId="reg_host_group"
value={hostGroupId}
onChange={v => handleHostGroup(v)}
className="without_select2"
id="reg_host_group"
isDisabled={isLoading || hostGroups.length === 0}
>
{emptyOption(hostGroups.length)}
{hostGroups.map((hg, i) => (
<FormSelectOption key={i} value={hg.id} label={hg.title} />
))}
</FormSelect>
</FormGroup>
);

HostGroup.propTypes = {
hostGroupId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
handleHostGroup: PropTypes.func.isRequired,
isLoading: PropTypes.bool.isRequired,
hostGroups: PropTypes.array,
};

HostGroup.defaultProps = {
hostGroupId: '',
hostGroups: [],
};

export default HostGroup;
(2-2/10)