decentraland-ui
Version:
Decentraland's UI components and styles
36 lines (35 loc) • 1.74 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.MediumSizeBadges = exports.SmallSizeBadges = void 0;
var react_1 = __importDefault(require("react"));
var schemas_1 = require("@dcl/schemas");
var RarityBadge_1 = __importDefault(require("./RarityBadge"));
require("./RarityBadge.stories.css");
var i18n = {
rarities: schemas_1.Rarity.getRarities().reduce(function (acc, rarity) {
acc[rarity] = rarity;
return acc;
}, {}),
rarities_description: schemas_1.Rarity.getRarities().reduce(function (acc, rarity) {
acc[rarity] = "This is the ".concat(rarity, " rarity");
return acc;
}, {})
};
var meta = {
title: 'RarityBadge',
component: RarityBadge_1.default
};
exports.default = meta;
exports.SmallSizeBadges = {
render: function () {
return (react_1.default.createElement("div", { className: "dui-rarity-badge-story-wrapper" }, schemas_1.Rarity.getRarities().map(function (rarity) { return (react_1.default.createElement(RarityBadge_1.default, { key: rarity, i18n: i18n, rarity: rarity, size: "small", onClick: function () { return alert("Clicked ".concat(rarity, "!")); } })); })));
}
};
exports.MediumSizeBadges = {
render: function () {
return (react_1.default.createElement("div", { className: "dui-rarity-badge-story-wrapper" }, schemas_1.Rarity.getRarities().map(function (rarity) { return (react_1.default.createElement(RarityBadge_1.default, { key: rarity, i18n: i18n, rarity: rarity, onClick: function () { return alert("Clicked ".concat(rarity, "!")); } })); })));
}
};