Transaction: wJM2TyW...LsV1

{ "data": { "eugenewolf507.near": { "widget": { "Gigs_AllArticlesList.Card": { "": "//TODO !!!!!! update authorForWidget\n// const authorForWidget = \"neardigitalcollective.near\";\nconst authorForWidget = \"eugenewolf507.near\";\nState.init({ showModal: false, copiedShareUrl: false });\nconst article = props.article;\nconst statusChangeHandler = props.statusChangeHandler;\nconst statusTagsArr = props.statusTagsArr;\nconst sharedArticleId = props.sharedArticleId;\nconst mainPartForSharingGig =\n \"https://near.social/#/eugenewolf507.near/widget/Gigs_AllArticlesList\";\nconst shareUrl = `${mainPartForSharingGig}?articleId=${article.articleId}`;\n\nif (sharedArticleId === article.articleId) {\n console.log(\"state.update({showModal: true})\");\n state.update({ showModal: true });\n}\n\n// ========== UTILS ==========\nconst getDateLastEdit = (timestamp) => {\n const date = new Date(Number(timestamp));\n const dateString = {\n date: date.toLocaleDateString(),\n time: date.toLocaleTimeString(),\n };\n return dateString;\n};\n\n// ========== HANDLERS ==========\nconst openModalHandler = () => {\n State.update({\n showModal: true,\n });\n};\n\nconst closeModalHandler = () => {\n State.update({\n showModal: false,\n });\n};\n\n// ========== STYLED ==========\nconst CardWrapper = styled.div`\n min-width: 340px;\n`;\n\nconst ModalWrapper = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n padding: 2rem;\n border-radius: .375rem;\n background: rgba(100, 100, 100, 0.7); \n z-index:100;\n`;\nconst ModalStyles = styled.div`\n background: #fff;\n border-radius: .375rem;\n`;\n\nconst ShareButtonWrapper = styled.div`\n .button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 8px 16px;\n height: 32px;\n border-radius: 100px;\n font-weight: 600;\n font-size: 12px;\n text-align: center;\n cursor: pointer;\n background-color: transparent;\n border: 0;\n color: #11181c !important;\n\n &:hover,\n &:focus {\n text-decoration: none;\n outline: none;\n }\n\n i {\n color: #000;\n }\n\n .bi-16 {\n font-size: 21px;\n }\n }\n`;\n\n// ========== JSX ==========\nconst Modal = ({ onClose, children }) => {\n return (\n <ModalWrapper>\n <ModalStyles>\n <div\n class=\"d-flex justify-content-between align-items-baseline\"\n style={{ padding: \"1rem 2rem 0\" }}\n >\n <OverlayTrigger\n placement=\"top\"\n overlay={<Tooltip>Copy URL to clipboard</Tooltip>}\n >\n <ShareButtonWrapper>\n <button\n className=\"button\"\n type=\"button\"\n onMouseLeave={() => {\n State.update({ copiedShareUrl: false });\n }}\n onClick={() => {\n clipboard.writeText(shareUrl).then(() => {\n State.update({ copiedShareUrl: true });\n });\n }}\n >\n {state.copiedShareUrl ? (\n <i className=\"bi-16 bi bi-check\"></i>\n ) : (\n <i className=\"bi-16 bi-link-45deg\"></i>\n )}\n </button>\n </ShareButtonWrapper>\n </OverlayTrigger>\n <span\n role=\"button\"\n onClick={onClose}\n style={{ fontSize: \"1.5rem\", width: \"2rem\", textAlign: \"center\" }}\n >\n &times;\n </span>\n </div>\n {children}\n </ModalStyles>\n </ModalWrapper>\n );\n};\n\nreturn (\n <CardWrapper className=\"col gy-3\" key={article.articleId}>\n <div className=\"card h-100\" style={{ position: \"static\" }}>\n {state.showModal && (\n <Modal onClose={closeModalHandler}>\n <Widget\n src={`${authorForWidget}/widget/Gigs_AllArticlesList.OneArticle`}\n props={{\n article,\n statusChangeHandler,\n statusTagsArr,\n }}\n />\n </Modal>\n )}\n <div role=\"button\" className=\"card-body\" onClick={openModalHandler}>\n <div className=\"row d-flex justify-content-center\">\n <h5 className=\"card-title text-center pb-2 border-bottom\">\n {article.articleId}\n </h5>\n <div className=\"col flex-grow-1\">\n <Widget\n src=\"mob.near/widget/Profile.ShortInlineBlock\"\n props={{\n accountId: article.author,\n tooltip: true,\n }}\n />\n </div>\n </div>\n <div\n className=\"mt-3 mb-0 alert alert-secondary\"\n style={{ backgroundColor: \"white\" }}\n >\n <div>\n Posted on {getDateLastEdit(article.timeCreate).date}\n <br />\n Edited on {getDateLastEdit(article.timeLastEdit).date}\n <br />\n Last edit by{\" \"}\n <a\n href={`https://near.social/#/mob.near/widget/ProfilePage?accountId=${article.lastEditor}`}\n style={{ textDecoration: \"underline\" }}\n >\n {article.lastEditor}\n </a>\n <br />\n Edit versions: {article.version}\n </div>\n </div>\n </div>\n </div>\n </CardWrapper>\n);\n" } } } } }