myprojectpackageprav
Version:
My package in npm
37 lines • 3.07 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_router_dom_1 = require("react-router-dom");
var knowledge_articles_data_1 = require("./knowledge-articles-data");
var input_search_1 = tslib_1.__importDefault(require("../../utils/controls/input-search"));
var buttons_1 = tslib_1.__importDefault(require("../../components/buttons/buttons"));
function KnowledgeArticles() {
var listItems = knowledge_articles_data_1.knowledgearticlesdata.map(function (knowledgearticles) {
return React.createElement("div", { className: "mb-3" },
React.createElement("p", { className: "m-0" },
React.createElement(react_router_dom_1.Link, { to: knowledgearticles.link, title: knowledgearticles.title, className: "latoMedium title-color1" }, knowledgearticles.title)),
React.createElement("p", { tabIndex: 0, "aria-label": knowledgearticles.content, className: "m-0 lineClamp2 sourcesanspro" }, knowledgearticles.content),
React.createElement("p", { tabIndex: 0, "aria-label": knowledgearticles.subcontent, className: "m-0 sourcesanspro subtitle-color" }, knowledgearticles.subcontent));
});
var redirecttoHome = function () {
window.location.href = "#";
};
return (React.createElement(React.Fragment, null,
React.createElement("div", { className: "py-2 px-3 whitebg shadow1 d-flex flex-column flex-sm-row align-items-md-center" },
React.createElement("div", { className: "d-flex align-items-center py-1" },
" ",
React.createElement("h2", { className: "poppins-semibold font-18", tabIndex: 0, "aria-label": "Knowledge Articles" }, " Knowledge Articles")),
React.createElement("div", { className: "ms-auto d-flex align-items-center " },
React.createElement("div", null,
React.createElement(input_search_1.default, { inputProps: {
placeholder: 'Search',
}, className: 'no-border w-100', searchgroup: ' w-100 d-flex align-items-center border-bottom2 border-radius0', formClassName: "col-sm-12", icon: 'icon-search pe-2' })),
React.createElement(buttons_1.default, { label: "Clear All", className: 'ms-auto btn-sm d-flex align-items-center links text-decoration-underline', type: "button" }),
React.createElement(buttons_1.default, { label: "Back", "aria-label": "Back", icon: "icon-left-arrow me-1", className: 'btn-sm font-14 btn-bgcolor7 whitetext text-nowrap border-radius', onClick: function (e) { return redirecttoHome(); } }))),
React.createElement("div", { className: "container" },
React.createElement("div", { className: "mt-3" },
React.createElement("div", { className: "whitebg border-radius p-3 " },
React.createElement("div", { className: "font-13 max-h-250 overflow-auto pe-1" }, listItems))))));
}
exports.default = KnowledgeArticles;
//# sourceMappingURL=knowledgearticles.js.map