@giancosta86/omnicourse
Version:
Interactive, React-based drill-down analysis of your learning experience
27 lines • 1.33 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.SubjectTooltip = void 0;
const react_1 = __importDefault(require("react"));
const omnicourse_core_1 = require("@giancosta86/omnicourse-core");
const SubjectTooltip = ({ active, payload, totalMinutes }) => {
var _a;
if (!(active && payload && payload[0] && totalMinutes)) {
return null;
}
const subjectName = payload[0].name;
const subjectMinutes = (_a = payload[0].value) !== null && _a !== void 0 ? _a : 0;
const subjectPercentage = (subjectMinutes / totalMinutes) * 100;
return (react_1.default.createElement("div", { className: "tooltip" },
react_1.default.createElement("label", null, subjectName),
react_1.default.createElement("span", { className: "percentage" },
"(",
subjectPercentage.toFixed(2),
"%)"),
react_1.default.createElement("p", { className: "duration" }, (0, omnicourse_core_1.formatDuration)(subjectMinutes)),
react_1.default.createElement("p", { className: "instructions" }, "(click to explore)")));
};
exports.SubjectTooltip = SubjectTooltip;
//# sourceMappingURL=SubjectTooltip.js.map