@giancosta86/omnicourse
Version:
Interactive, React-based drill-down analysis of your learning experience
18 lines • 1.24 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.PathBar = void 0;
const react_1 = __importDefault(require("react"));
const Breadcrumbs_1 = require("./Breadcrumbs");
const TaxonomySelectionBox_1 = require("./TaxonomySelectionBox");
const LearningContext_1 = require("../LearningContext");
const PathBar = ({ taxonomySelectLabel }) => {
const { taxonomyKeys, selectedTaxonomyKey, setSelectedTaxonomyId, taxonomyPath, revertTaxonomyPathTo } = (0, LearningContext_1.useLearningContext)();
return (react_1.default.createElement("nav", { className: "pathBar" },
taxonomyKeys && selectedTaxonomyKey && (react_1.default.createElement(TaxonomySelectionBox_1.TaxonomySelectionBox, { label: taxonomySelectLabel, taxonomyKeys: taxonomyKeys, selectedTaxonomyId: selectedTaxonomyKey.id, setSelectedTaxonomyId: setSelectedTaxonomyId })),
taxonomyPath && (react_1.default.createElement(Breadcrumbs_1.Breadcrumbs, { taxonomyPath: taxonomyPath, revertTaxonomyPathTo: revertTaxonomyPathTo }))));
};
exports.PathBar = PathBar;
//# sourceMappingURL=index.js.map