chayns-components
Version:
A set of beautiful React components for developing chayns® applications.
35 lines (34 loc) • 1.11 kB
JavaScript
import PropTypes from 'prop-types';
import React, { PureComponent } from 'react';
export default class Groups extends PureComponent {
render() {
const {
groups,
focus,
onClick
} = this.props;
return /*#__PURE__*/React.createElement("div", {
className: "calendar__groups"
}, groups.map(group => {
const className = 'calendar__groups_item' + (focus && group.id !== focus ? " calendar__groups_notFocused" : "");
return /*#__PURE__*/React.createElement("div", {
className: className,
key: group.id,
onClick: event => onClick(event, group)
}, /*#__PURE__*/React.createElement("div", {
className: "calendar__groups_color",
style: {
backgroundColor: group.color ? group.color : chayns.env.site.color
}
}), group.name);
}));
}
}
Groups.propTypes = {
// eslint-disable-next-line react/forbid-prop-types
groups: PropTypes.array.isRequired,
onClick: PropTypes.func.isRequired,
focus: PropTypes.number.isRequired
};
Groups.displayName = 'Groups';
//# sourceMappingURL=Groups.js.map