@livelike/react-native
Version:
LiveLike React Native package
65 lines (64 loc) • 1.92 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.LLWidgetRewards = LLWidgetRewards;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _hooks = require("../../hooks");
var _LLWidgetReward = require("./LLWidgetReward");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function LLWidgetRewards(_ref) {
let {
widgetId,
RewardComponent = _LLWidgetReward.LLWidgetReward,
RewardComponentStyles,
styles: stylesProp
} = _ref;
const rewardStyles = (0, _hooks.useStyles)({
componentStylesFn: getWidgetRewardsStyles,
stylesProp
});
const widgetRewards = (0, _hooks.useWidgetRewards)({
widgetId
});
const {
slideInOutStyles
} = (0, _hooks.useWidgetRewardsEffect)({
widgetId
});
(0, _hooks.useLoadWidgetRewardsEffect)({
widgetId
});
if (!(widgetRewards !== null && widgetRewards !== void 0 && widgetRewards.length)) {
return undefined;
}
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
style: rewardStyles.container
}, widgetRewards === null || widgetRewards === void 0 ? void 0 : widgetRewards.map((widgetReward, index) => /*#__PURE__*/_react.default.createElement(RewardComponent, {
key: widgetReward.reward_item_id,
multipleReward: widgetRewards.length > 1,
widgetReward: widgetReward,
slideInOutStyle: slideInOutStyles[index],
widgetId: widgetId,
styles: RewardComponentStyles
})));
}
const getWidgetRewardsStyles = _ref2 => {
let {
theme
} = _ref2;
return _reactNative.StyleSheet.create({
container: {
display: 'flex',
flex: 1,
alignSelf: 'center',
height: 22,
overflow: 'hidden',
flexDirection: 'column',
marginBottom: 16,
marginLeft: 16
}
});
};
//# sourceMappingURL=LLWidgetRewards.js.map