lml-main
Version:
This is now a mono repository published into many standalone packages.
29 lines • 1.4 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const react_redux_1 = require("react-redux");
const react_router_dom_1 = require("react-router-dom");
const cosmo_redux_api_1 = require("@lml/cosmo-redux-api");
const cosmoui_1 = require("cosmoui");
class ConsolidatedJobIconComponent extends cosmoui_1.HoverableComponent {
render() {
const { consolidation } = this.props;
return consolidation ?
(React.createElement(react_router_dom_1.Link, { to: "/allocation/consolidations", onClick: this.setActiveConsolidation }, this.renderIcon())) : this.renderIcon();
}
renderIcon() {
const { consolidation } = this.props;
const color = consolidation ? this.primary(400) : this.gray(200);
return (React.createElement(cosmoui_1.Icon, { icon: "Units", size: 18, fill: color }));
}
setActiveConsolidation() {
//TODO: Set active consolidation so that on linking to consolidations page
// it is already active & open
}
}
const mapStateToProps = (state, ownProps) => ({
consolidation: cosmo_redux_api_1.getConsolidationByJob(state, ownProps.job.refId),
});
const mapDispatchToProps = {};
exports.ConsolidatedJobIcon = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(ConsolidatedJobIconComponent);
//# sourceMappingURL=consolidated-job-icon.js.map