lml-main
Version:
This is now a mono repository published into many standalone packages.
34 lines • 1.62 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const react_redux_1 = require("react-redux");
const lodash_1 = require("lodash");
const cosmo_redux_api_1 = require("@lml/cosmo-redux-api");
const cosmoui_1 = require("cosmoui");
const constants_1 = require("../../../couriers/constants");
const status_icon_1 = require("../status-icon");
class CourierMapComponent extends React.Component {
constructor() {
super(...arguments);
this.centerIcon = () => ({
position: 'absolute',
transform: 'translate(-50%, -50%)',
});
}
render() {
const { courier, location } = this.props;
return (React.createElement(cosmoui_1.Map, { id: constants_1.COURIER_DETAILS_MAP_KEY, style: { height: '300px' }, center: lodash_1.get(location, 'position.coordinates') }, courier && location &&
React.createElement(cosmoui_1.MapItem, { lat: location.position.coordinates.latitude, lng: location.position.coordinates.longitude, style: this.centerIcon() },
React.createElement(status_icon_1.CourierStatusIcon, { status: courier.status.Status }))));
}
}
const mapStateToProps = (state, props) => {
const courier = cosmo_redux_api_1.getCourierById(state, props.refId);
return {
courier,
location: courier ? cosmo_redux_api_1.getLocationByObjectId(state, courier.refId) : null,
};
};
const mapDispatchToProps = {};
exports.CourierMap = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(CourierMapComponent);
//# sourceMappingURL=courier-map.js.map