escalade-react-stock/dist/available.js

A react component to display Escalade Sports stock.

'use strict';

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _stores = require('./stores');

var _stores2 = _interopRequireDefault(_stores);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var Available = function (_React$Component) {
	(0, _inherits3.default)(Available, _React$Component);

	function Available(props) {
		(0, _classCallCheck3.default)(this, Available);

		var _this = (0, _possibleConstructorReturn3.default)(this, (Available.__proto__ || Object.getPrototypeOf(Available)).call(this, props));

		_this.state = {
			display: props.loading
		};
		_this.setStock = _this.setStock.bind(_this);
		return _this;
	}

	(0, _createClass3.default)(Available, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			this.store = (0, _stores2.default)(this.props);

			// Change component by event
			this.store.addEvent(this.setStock, {
				id: this.props.id
			});

			// Change component if price is already set
			var stock = this.store.getStock(this.props.id);
			if (stock !== undefined) {
				this.setStock(stock);
			} else {
				this.setStock(false);
			}
		}
	}, {
		key: 'setStock',
		value: function setStock(stock) {
			if (!stock) {
				return this.setState({ display: this.props.unavailable });
			}
			return this.setState({ display: this.props.children });
		}
	}, {
		key: 'render',
		value: function render() {
			return _react2.default.createElement(
				'div',
				null,
				this.state.display
			);
		}
	}]);
	return Available;
}(_react2.default.Component);

Available.defaultProps = {
	loading: '',
	unavailable: 'Out of Stock'
};

exports.default = Available;
module.exports = exports['default'];
//# sourceMappingURL=available.js.map