myprojectpackageprav
Version:
My package in npm
37 lines • 2.99 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 announcement_data_1 = require("./announcement-data");
var input_search_1 = tslib_1.__importDefault(require("../../utils/controls/input-search"));
var buttons_1 = tslib_1.__importDefault(require("../../components/buttons/buttons"));
function Announcements() {
var listItems = announcement_data_1.announcementdata.map(function (announcement) {
return React.createElement("div", { className: "mb-3" },
React.createElement("p", { className: "m-0" },
React.createElement(react_router_dom_1.Link, { to: announcement.link, title: announcement.title, className: "latoMedium color-primary" }, announcement.title)),
React.createElement("p", { tabIndex: 0, "aria-label": announcement.content, className: "m-0 lineClamp2 sourcesanspro" }, announcement.content),
React.createElement("p", { tabIndex: 0, "aria-label": announcement.subcontent, className: "m-0 sourcesanspro subtitle-color" }, announcement.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", { tabIndex: 0, className: "poppins-semibold font-18", "aria-label": "Announcements" }, " Announcements")),
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 = Announcements;
//# sourceMappingURL=announcements.js.map