UNPKG

opendash

Version:

open.DASH data visualization framework

35 lines 1.53 kB
var __assign = (this && this.__assign) || function () { __assign = Object.assign || function(t) { for (var s, i = 1, n = arguments.length; i < n; i++) { s = arguments[i]; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; } return t; }; return __assign.apply(this, arguments); }; import * as React from "react"; import { Container, Element } from "./OpenDashFrontpage.layout"; import { useNavigate } from "react-router-dom"; import { useNavigation, useTranslation } from ".."; export var OpenDashFrontpage = function (_a) { var t = useTranslation(["opendash"])[0]; var navigate = useNavigate(); var _b = useNavigation("frontpage"), items = _b[1]; var elements = React.useMemo(function () { return items .filter(function (item) { return item.link; }) .filter(function (item) { return item.icon; }) .filter(function (item) { return item.color; }) .map(function (item) { return (__assign(__assign({}, item), { onClick: function () { if (item.link) { navigate(item.link); } } })); }); }, [items]); return (React.createElement(Container, null, elements.map(function (e) { return (React.createElement(Element, __assign({ key: e.id }, e))); }), elements.length === 0 && t("frontpage.empty"))); }; //# sourceMappingURL=OpenDashFrontpage.js.map