Sha256: f9cb28a2a5dd677725ed2b43a659681b9865bde369fbf59710568e14be426c35
Contents?: true
Size: 1.22 KB
Versions: 186
Compression:
Stored size: 1.22 KB
Contents
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { Icon } from 'patternfly-react';
import './ProfileRpmsCellFormatter.scss';
class ProfileRpmsCellFormatter extends Component {
constructor(props) {
super(props);
this.minAmount = 10;
this.state = {
expanded: false,
showAmount: this.minAmount,
};
}
onClick = () => {
const { rpms } = this.props;
this.setState(state => ({
expanded: !state.expanded,
showAmount: !state.expanded ? rpms.length : this.minAmount,
}));
};
iconName = () => (this.state.expanded ? 'angle-down' : 'angle-right');
render() {
const { rpms } = this.props;
const largeList = rpms.length > this.minAmount;
return (
<td>
{largeList && <Icon
className="expand-profile-rpms"
onClick={this.onClick}
name={this.iconName()}
/>}
{rpms
.slice(0, this.state.showAmount)
.map(rpm => rpm.name)
.join(', ')}
{largeList && !this.state.expanded && ', ...'}
</td>
);
}
}
ProfileRpmsCellFormatter.propTypes = {
rpms: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
};
export default ProfileRpmsCellFormatter;
Version data entries
186 entries across 186 versions & 1 rubygems