decentraland-ui
Version:
Decentraland's UI components and styles
28 lines (27 loc) • 1.62 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var schemas_1 = require("@dcl/schemas");
var react_2 = require("@storybook/react");
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;
}, {})
};
(0, react_2.storiesOf)('RarityBadge', module)
.add('Small size badges', 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, "!")); } })); })));
})
.add('Medium size badges', 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, "!")); } })); })));
});