react-quizz-spanish
Version:
Quizz en react, traducido al español, autor original: hugobarragon
50 lines • 2.67 kB
JavaScript
;
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importStar(require("react"));
var QuizzContext_1 = __importDefault(require("../QuizzContext"));
var index_1 = __importDefault(require("antd/es/list/index"));
var actions_1 = require("./reducer/actions");
var v4_1 = __importDefault(require("uuid/v4"));
var TranslatedText_1 = __importDefault(require("../translations/TranslatedText"));
var ListItem = index_1.default.Item;
var ListItemMeta = index_1.default.Item.Meta;
exports.default = (function ( /* props */) {
var _a = react_1.useContext(QuizzContext_1.default), dispatch = _a.dispatch, toolBox = _a.toolBox;
function onClickHandler(item) {
var elementOptions = {
id: v4_1.default(),
element: item.key,
required: false,
questions: item.questions
};
if (item.options) {
elementOptions["options"] = item.options;
}
dispatch(actions_1.addElement(elementOptions));
}
return (react_1.default.createElement(index_1.default, { itemLayout: "horizontal", style: { margin: "5px" }, dataSource: toolBox, renderItem: function (item) { return (react_1.default.createElement(ListItem, { onClick: function () { return onClickHandler(item); } },
react_1.default.createElement(ListItemMeta, { avatar: item.icon, title: react_1.default.createElement(TranslatedText_1.default, { id: item.name }), description: item.description ? react_1.default.createElement(TranslatedText_1.default, { id: item.description }) : null }))); } }));
});
//# sourceMappingURL=ToolBoxContainer.js.map