@giancosta86/omnicourse
Version:
Interactive, React-based drill-down analysis of your learning experience
28 lines • 2.03 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.WorkTable = void 0;
const react_1 = __importDefault(require("react"));
const omnicourse_core_1 = require("@giancosta86/omnicourse-core");
const WorkTitle_1 = require("./WorkTitle");
const WorkTable = ({ works }) => {
return (react_1.default.createElement("table", { className: "worksTable" },
react_1.default.createElement("thead", null,
react_1.default.createElement("tr", null,
react_1.default.createElement("td", { className: "title" }, "Title"),
react_1.default.createElement("td", { className: "duration" }, "Duration"),
react_1.default.createElement("td", { className: "kind" }, "Kind"),
react_1.default.createElement("td", { className: "completionDate" }, "Completion date"),
react_1.default.createElement("td", { className: "certificateUrl" }, "Certificate"))),
react_1.default.createElement("tbody", null, works.map(work => (react_1.default.createElement("tr", { key: work.key },
react_1.default.createElement("td", { className: "title" },
react_1.default.createElement(WorkTitle_1.WorkTitle, { work: work })),
react_1.default.createElement("td", { className: "duration" }, (0, omnicourse_core_1.formatDuration)(work.totalMinutes)),
react_1.default.createElement("td", { className: "kind" }, work.kind),
react_1.default.createElement("td", { className: "completionDate" }, work.completionDate && (0, omnicourse_core_1.formatDate)(work.completionDate)),
react_1.default.createElement("td", { className: "certificateUrl" }, work.certificateUrl && (react_1.default.createElement("a", { href: work.certificateUrl }, "View certificate")))))))));
};
exports.WorkTable = WorkTable;
//# sourceMappingURL=WorkTable.js.map