UNPKG

@giancosta86/omnicourse

Version:

Interactive, React-based drill-down analysis of your learning experience

25 lines 1.54 kB
"use strict"; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); exports.CurrentLevelBox = void 0; const react_1 = __importDefault(require("react")); const omnicourse_core_1 = require("@giancosta86/omnicourse-core"); const SubjectChart_1 = require("./SubjectChart"); const WorksBox_1 = require("./WorksBox"); const LearningContext_1 = require("./LearningContext"); const CurrentLevelBox = ({ chartSettings }) => { const { currentLevel } = (0, LearningContext_1.useLearningContext)(); if (!currentLevel) { throw new Error("The current level should be accessible, here!"); } return (react_1.default.createElement("div", { className: "currentLevelBox" }, currentLevel.containsSubjects ? (react_1.default.createElement(SubjectChart_1.SubjectChart, { chartSettings: chartSettings, subjects: currentLevel.items })) : (react_1.default.createElement(WorksBox_1.WorksBox, { works: currentLevel.items })), react_1.default.createElement("footer", null, react_1.default.createElement("span", { className: "totalDuration" }, react_1.default.createElement("label", null, `Total time for «${currentLevel.name}»:`), react_1.default.createElement("span", null, (0, omnicourse_core_1.formatDuration)(currentLevel.totalMinutes)))))); }; exports.CurrentLevelBox = CurrentLevelBox; //# sourceMappingURL=CurrentLevelBox.js.map