myprojectpackageprav
Version:
My package in npm
37 lines • 3.01 kB
JavaScript
import { Link } from "react-router-dom";
import { pointsofcontact } from './poc-data';
import Buttons from "../../components/buttons/buttons";
export default function PointsOfContacts() {
var pointsofcontactItems = pointsofcontact.map(function (pocitems) {
return React.createElement("div", { className: " col-xxl-3 col-md-6 col-sm-12 " },
React.createElement("div", { className: "bordered1 p-2 border-radius d-flex mb-3" },
React.createElement("div", { className: "POC-thumb m-0 me-2 align-items-center d-flex justify-content-center " }, pocitems.shortname),
React.createElement("div", { className: "sourcesanspro" },
React.createElement("p", { tabIndex: 0, "aria-label": pocitems.name, className: "m-0 font-15" },
pocitems.firstname,
" ",
pocitems.lastname),
React.createElement("p", { tabIndex: 0, "aria-label": pocitems.desig, className: "m-0 subTitleGrey font-12 sourcesansproSemiBold" }, pocitems.desig),
React.createElement("p", { className: "m-0" },
React.createElement("span", { className: pocitems.iconmail }),
React.createElement(Link, { to: "mailto: ".concat(pocitems.link), title: pocitems.mailid, className: "eMail subTitle font-12 ms-1" }, pocitems.mailid)),
React.createElement("p", { className: "m-0" },
React.createElement("span", { className: pocitems.iconphone }),
React.createElement(Link, { to: "tel: ".concat(pocitems.contactno), title: pocitems.contactno, className: "phone subTitle font-12 ms-1" }, pocitems.contactno)))));
});
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": "Points Of Contacts" }, " Points Of Contacts")),
React.createElement("div", { className: "ms-auto d-flex align-items-center " },
React.createElement(Buttons, { 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 pe-1 row" }, pointsofcontactItems))))));
}
//# sourceMappingURL=pointsofcontacts.js.map