Transaction: 4DoDA6G...LC5i

{ "data": { "treasury-devdao.near": { "widget": { "components.OffCanvas": { "": "const { isNearSocial } = VM.require(\n \"treasury-devdao.near/widget/lib.common\"\n) || {\n isNearSocial: false,\n};\nconst showCanvas = props.showCanvas;\nconst onClose = props.onClose;\nconst title = props.title;\nconst children = props.children;\nconst Container = styled.div`\n opacity: 1 !important;\n .offcanvas.offcanvas-end {\n width: 30% !important;\n }\n @media screen and (max-width: 1200px) {\n .offcanvas.offcanvas-end {\n width: 50% !important;\n }\n }\n @media screen and (max-width: 768px) {\n .offcanvas.offcanvas-end {\n width: 100% !important;\n }\n }\n .offcanvas {\n border-top-left-radius: 1rem !important;\n border-bottom-left-radius: 1rem !important;\n }\n`;\nreturn (\n <Container>\n <div\n className={`offcanvas offcanvas-end ${showCanvas ? \"show\" : \"\"}`}\n tabIndex=\"-1\"\n data-bs-scroll=\"false\"\n data-bs-backdrop=\"true\"\n >\n <div\n className=\"p-3 d-flex gap-2 align-items-center pb-0\"\n style={{ marginTop: isNearSocial ? \"4rem\" : \"\" }}\n >\n <button\n onClick={onClose}\n type=\"button\"\n class=\"btn-close\"\n style={{ opacity: 1 }}\n ></button>\n <h5 class=\"offcanvas-title\" id=\"offcanvasLabel\">\n {title}\n </h5>\n </div>\n <div class=\"offcanvas-body d-flex flex-column gap-4\">{children}</div>\n </div>\n </Container>\n);\n" }, "pages.payments.Table": { "": "const { href } = VM.require(\"devhub.near/widget/core.lib.url\") || {\n href: () => {},\n};\nconst proposals = props.proposals ?? [];\nconst columnsVisibility = JSON.parse(\n Storage.get(\n \"COLUMNS_VISIBLILITY\",\n `treasury-devdao.near/widget/components.SettingsDropdown`\n ) ?? \"[]\"\n);\nconst isPendingRequests = props.isPendingRequests;\nconst transferApproversGroup = props.transferApproversGroup;\nconst accountId = context.accountId;\nconst hasVotingPermission = (\n transferApproversGroup?.approverAccounts ?? []\n).includes(accountId);\nconst Container = styled.div`\n font-size: 13px;\n min-height:60vh;\n .text-grey {\n color: #b9b9b9 !important;\n }\n .text-size-2 {\n font-size: 15px;\n }\n .text-dark-grey {\n color: #687076;\n }\n .text-grey-100 {\n background-color: #f5f5f5;\n }\n td {\n padding: 0.5rem;\n color: inherit;\n vertical-align: middle;\n text-align: center;\n }\n \n .max-w-100 {\n max-width: 100%;\n }\n table {\n overflow-x: auto;\n }\n .bold {\n font-weight: 500;\n }\n .custom-truncate {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n line-height: 1.5;\n max-height: 4.5em;\n text-align: left;\n }\n .custom-tooltip {\n position: relative;\n cursor: pointer;\n }\n .custom-tooltip .tooltiptext {\n display: none;\n width: 300px;\n background-color: white;\n color: black\n text-align: center;\n border-radius: 5px;\n padding: 5px;\n position: absolute;\n z-index: 10000;\n top:100%;\n opacity: 0;\n box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);\n transition: opacity 0.3s;\n }\n .custom-tooltip:hover .tooltiptext {\n display: block;\n opacity: 1;\n }\n .display-none{\n display:none;\n }\n`;\nconst TooltipContent = ({ title, summary }) => {\n return (\n <div className=\"tooltiptext p-3\">\n <h6>{title}</h6>\n <div>{summary}</div>\n </div>\n );\n};\nfunction isVisible(column) {\n return columnsVisibility.find((i) => i.title === column)?.show !== false\n ? \"\"\n : \"display-none\";\n}\nconst requiredVotes = Math.ceil(\n transferApproversGroup.threshold *\n transferApproversGroup.approverAccounts.length\n);\nconst ProposalsComponent = () => {\n return (\n <tbody style={{ overflowX: \"auto\" }}>\n {proposals?.map((item, index) => {\n const description = JSON.parse(item.description);\n const title = description.title;\n const summary = description.summary;\n const proposalId = description.proposalId;\n const notes = description.notes;\n const args = item.kind.Transfer;\n return (\n <tr>\n <td className=\"bold\">{item.id}</td>\n <td>\n <Widget\n src={`treasury-devdao.near/widget/components.Date`}\n props={{\n timestamp: item.submission_time,\n }}\n />\n </td>\n {!isPendingRequests && (\n <td>\n <Widget\n src={`treasury-devdao.near/widget/components.ProposalStatus`}\n props={{\n isVoteStatus: false,\n status: item.status,\n }}\n />\n </td>\n )}\n <td className={isVisible(\"Reference\")}>\n {typeof proposalId === \"number\" ? (\n <Link\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n to={href({\n widgetSrc: `devhub.near/widget/app`,\n params: {\n page: \"proposal\",\n id: proposalId,\n },\n })}\n >\n <div className=\"d-flex gap-2 align-items-center text-underline bold text-black\">\n #{proposalId} <i class=\"bi bi-box-arrow-up-right\"> </i>\n </div>\n </Link>\n ) : (\n \"-\"\n )}\n </td>\n <td className={\"custom-tooltip \" + isVisible(\"Title\")}>\n <div className=\"custom-truncate bold\" style={{ maxWidth: 180 }}>\n {title}\n <TooltipContent title={title} summary={summary} />\n </div>\n </td>\n <td className={\"custom-tooltip \" + isVisible(\"Summary\")}>\n <div className=\"custom-truncate\" style={{ maxWidth: 180 }}>\n {summary}\n <TooltipContent title={title} summary={summary} />\n </div>\n </td>\n <td\n className={\"text-truncate bold \" + isVisible(\"Recipient\")}\n style={{ maxWidth: 180 }}\n >\n <Widget\n src={`treasury-devdao.near/widget/components.ReceiverAccount`}\n props={{\n receiverAccount: args.receiver_id,\n }}\n />\n </td>\n <td className={isVisible(\"Requested Token\")}>\n <Widget\n src={`treasury-devdao.near/widget/components.TokenIcon`}\n props={{\n address: args.token_id,\n }}\n />\n </td>\n <td className={isVisible(\"Funding Ask\")}>\n <Widget\n src={`treasury-devdao.near/widget/components.TokenAmount`}\n props={{\n amountWithoutDecimals: args.amount,\n address: args.token_id,\n }}\n />\n </td>\n <td className={\"bold \" + isVisible(\"Creator\")}>{item.proposer}</td>\n <td className={\"text-sm \" + isVisible(\"Notes\")}>{notes ?? \"-\"}</td>\n <td>{requiredVotes}</td>\n <td className={isVisible(\"Votes\")}>\n <Widget\n src={`treasury-devdao.near/widget/components.Votes`}\n props={{\n votes: item.votes,\n requiredVotes,\n }}\n />\n </td>\n <td className={isVisible(\"Approvers\")} style={{ maxWidth: 180 }}>\n <Widget\n src={`treasury-devdao.near/widget/components.Approvers`}\n props={{\n votes: item.votes,\n transferApproversGroup:\n transferApproversGroup?.approverAccounts,\n }}\n />\n </td>\n {isPendingRequests && hasVotingPermission && (\n <td>\n <Widget\n src={`treasury-devdao.near/widget/components.VoteActions`}\n props={{\n votes: item.votes,\n proposalId: item.id,\n }}\n />\n </td>\n )}\n </tr>\n );\n })}\n </tbody>\n );\n};\nreturn (\n <Container style={{ overflowX: \"auto\" }}>\n <table className=\"table\">\n <thead>\n <tr className=\"text-grey\">\n <td>#</td>\n <td>Created Date</td>\n {!isPendingRequests && <td>Status</td>}\n <td className={isVisible(\"Reference\")}>Reference</td>\n <td className={isVisible(\"Title\")}>Title</td>\n <td className={isVisible(\"Summary\")}>Summary</td>\n <td className={isVisible(\"Recipient\")}>Recipient</td>\n <td className={isVisible(\"Requested Token\")}>Requested Token</td>\n <td className={isVisible(\"Funding Ask\")}>Funding Ask</td>\n <td className={isVisible(\"Creator\")}>Created by</td>\n <td className={isVisible(\"Notes\")}>Notes</td>\n <td>Required Votes</td>\n <td className={isVisible(\"Votes\")}>Votes</td>\n <td className={isVisible(\"Approvers\")}>Approvers</td>\n {isPendingRequests && hasVotingPermission && <td>Actions</td>}\n {/* {!isPendingRequests && <td>Transaction Date</td>}\n {!isPendingRequests && <td>Transaction</td>} */}\n </tr>\n </thead>\n <ProposalsComponent />\n </table>\n </Container>\n);\n" } } } } }