Transaction: HZUjP4J...1JA4

{ "data": { "contribut3.near": { "widget": { "Inbox": { "": "const ownerId = \"contribut3.near\";\n\nState.init({\n content: props.content ?? \"proposals\",\n search: props.search ?? \"\",\n});\n\nconst invitesCount = (\n Near.view(ownerId, \"get_contributor_invites\", {}, \"final\", true) ?? []\n).length;\n\nconst header = (\n <div>\n <h1 className=\"fs-2\">Inbox</h1>\n <p className=\"fw-semibold fs-5 text-muted\">\n Manage invitations and proposals\n </p>\n </div>\n);\n\nconst contentSelectButton = ({ id, text, icon, count }) => (\n <a\n className={`btn d-flex flex-row justify-content-between align-items-center${state.content === id ? \"btn-secondary\" : \"btn-outline-secondary\"\n }`}\n href={`https://near.social/#/${ownerId}/widget/Index?tab=inbox&content=${id}${props.search ? \"&search=\" + props.search : \"\"\n }`}\n onClick={() => State.update({ content: id })}\n >\n <i className={icon} />\n <span>{text}</span>\n {count !== 0 ? (\n <div\n className=\"rounded-circle bg-danger text-center\"\n style={{ width: \"1em\", height: \"1em\" }}\n >\n {count}\n </div>\n ) : (\n <></>\n )}\n </a>\n);\n\nconst contentSelector = (\n <div className=\"btn-group\" role=\"group\" aria-label=\"Content Tab Selector\">\n {contentSelectButton({\n id: \"proposals\",\n text: \"Proposals\",\n icon: \"bi-person-plus\",\n })}\n {contentSelectButton({\n id: \"invitations\",\n text: \"Invitations\",\n icon: \"bi-person-up\",\n count: invitesCount,\n })}\n </div>\n);\n\nconst searchBar = (\n <div className=\"w-25 col-12 col-md-10 col-lg-8\">\n <div className=\"card card-sm\">\n <div className=\"card-body row p-0 ps-2 align-items-center\">\n <div className=\"col-auto pe-0 me-0\">\n <i className=\"bi-search\" />\n </div>\n <div className=\"col ms-0\">\n <input\n className=\"form-control border-0\"\n type=\"search\"\n value={state.search}\n placeholder=\"Search\"\n onChange={(e) => State.update({ search: e.target.value })}\n />\n </div>\n </div>\n </div>\n </div>\n);\n\nconst content = {\n proposals: (\n <Widget\n src={`${ownerId}/widget/ContributionRequestList`}\n props={{ search: state.search, update: props.update }}\n />\n ),\n invitations: (\n <Widget\n src={`${ownerId}/widget/InviteList`}\n props={{ search: state.search, update: props.update }}\n />\n ),\n}[state.content];\n\nreturn (\n <div>\n <div className=\"mb-3 px-3\">\n <div className=\"d-flex flex-row justify-content-between mb-3\">\n {header}\n </div>\n <div className=\"d-flex flex-row justify-content-between\">\n {contentSelector}\n {searchBar}\n </div>\n </div>\n <div className=\"px-3 pt-3\">{content}</div>\n </div>\n);\n" } } } } }