@hisptz/react-ui
Version:
A collection of reusable complex DHIS2 react ui components.
63 lines (60 loc) • 2.09 kB
JavaScript
import { useDataQuery } from "@dhis2/app-runtime";
import i18n from "@dhis2/d2-i18n";
import React, { useEffect } from "react";
import Error from "../../../../Shared/Componets/Error/ErrorAPIResult";
import IdentifiedBy from "../../../../Shared/Componets/IdentifiedBy/Index";
import Loader from "../../../../Shared/Componets/Loaders/Loader";
const query = {
dataElementGroups: {
resource: "dataElementGroups",
id: _ref => {
let {
id
} = _ref;
return id;
},
params: {
fields: ["id", "displayName", "displayDescription", "displayShortName", "code", "href"]
}
}
};
export default function Introduction(_ref2) {
let {
id
} = _ref2;
const {
loading,
error,
data,
refetch
} = useDataQuery(query, {
variables: {
id
}
});
useEffect(() => {
refetch({
id
});
}, [id]);
if (loading) {
return /*#__PURE__*/React.createElement(Loader, {
text: ""
});
}
if (error) {
return /*#__PURE__*/React.createElement(Error, {
error: error
});
}
const res = data === null || data === void 0 ? void 0 : data.dataElementGroups;
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, res === null || res === void 0 ? void 0 : res.displayName), /*#__PURE__*/React.createElement("h3", null, i18n.t("Introduction"), " "), /*#__PURE__*/React.createElement("p", null, " ", i18n.t("{{variables1}} can be described as {{variables2}}.\n" + " It\u2019s labelled in short as {{variables3}} and has a code of {{variables4}}.", {
variables1: res === null || res === void 0 ? void 0 : res.displayName,
variables2: res === null || res === void 0 ? void 0 : res.displayDescription,
variables3: res === null || res === void 0 ? void 0 : res.displayShortName,
variables4: res === null || res === void 0 ? void 0 : res.code
})), /*#__PURE__*/React.createElement(IdentifiedBy, {
href: res === null || res === void 0 ? void 0 : res.href,
id: res === null || res === void 0 ? void 0 : res.id
}));
}