Sha256: 1cc5b8bdd2c3c66d1a72400352449eb4498caf90b3a6444a557d00433c682d45
Contents?: true
Size: 1.65 KB
Versions: 28
Compression:
Stored size: 1.65 KB
Contents
import React from 'react';
import PropTypes from 'prop-types';
import { Table } from 'react-bootstrap';
import { translate as __ } from 'foremanReact/common/I18n';
import { urlWithSearch } from 'foremanReact/common/urlHelpers';
const SubscriptionDetailAssociations = ({ subscriptionDetails }) => {
const searchQuery = 'subscription_id="%s"'.replace('%s', subscriptionDetails.id);
return (
<div>
<h2>{__('Associations')}</h2>
<Table ouiaId="associations-table" striped bordered condensed hover>
<thead>
<tr>
<td><b>{__('Resource')}</b></td>
<td><b>{__('Quantity')}</b></td>
</tr>
</thead>
<tbody>
<tr>
<td>{__('Content Hosts')}</td>
<td>
<a href={urlWithSearch('content_hosts', searchQuery)}>
{subscriptionDetails.host_count}
</a>
</td>
</tr>
<tr>
<td>{__('Activation Keys')}</td>
<td>
<a href={urlWithSearch('activation_keys', searchQuery)}>
{subscriptionDetails.activation_keys &&
subscriptionDetails.activation_keys.length}
</a>
</td>
</tr>
</tbody>
</Table>
</div>
);
};
SubscriptionDetailAssociations.propTypes = {
subscriptionDetails: PropTypes.shape({
id: PropTypes.number,
host_count: PropTypes.number,
// Disabling rule as existing code failed due to an eslint-plugin-react update
// eslint-disable-next-line react/forbid-prop-types
activation_keys: PropTypes.array,
}).isRequired,
};
export default SubscriptionDetailAssociations;
Version data entries
28 entries across 28 versions & 1 rubygems