Transaction: DPc737z...YcN8

{ "data": { "hack.near": { "widget": { "profile.create": { "": "const accountId = props.accountId ?? context.accountId ?? \"buildcommons.near\";\n\nconst profile = props.profile ?? Social.getr(`${accountId}/profile`);\nconst fast = props.fast ?? !props.profile;\n\nconst name = profile.name;\nconst image = profile.image;\n\nState.init({ img: null });\n\nconst uploadFileUpdateState = (body) => {\n asyncFetch(\"https://ipfs.near.social/add\", {\n method: \"POST\",\n headers: { Accept: \"application/json\" },\n body,\n }).then((res) => {\n const cid = res.body.cid;\n State.update({ img: { cid } });\n });\n};\n\nconst filesOnChange = (files) => {\n if (files) {\n State.update({ img: { uploading: true, cid: null } });\n uploadFileUpdateState(files[0]);\n }\n};\n\nconst [profileName, setProfileName] = useState(\"\");\n\nconst data = {\n profile: {\n name: profileName,\n image: {\n ipfs_cid: state.img.cid,\n },\n },\n};\n\nconst handleSave = () => {\n Social.set(data);\n};\n\nreturn (\n <div className=\"d-flex flex-row\">\n <div className=\"me-2\">\n {state.img ? (\n <img\n style={{ height: \"3em\", width: \"3em\" }}\n src={`https://ipfs.near.social/ipfs/${state.img.cid}`}\n />\n ) : (\n <>\n {image ? (\n <Widget\n src=\"hack.near/widget/profile.image\"\n props={{ accountId }}\n />\n ) : (\n <Files\n multiple={false}\n accepts={[\"image/*\"]}\n minFileSize={1}\n clickable\n className=\"btn mt-3\"\n onChange={filesOnChange}\n >\n {state.img?.uploading ? (\n <></>\n ) : (\n <i class=\"bi bi-person-circle\"></i>\n )}\n </Files>\n )}\n </>\n )}\n </div>\n <div className=\"text-truncate\">\n <div className=\"text-truncate\">\n <span className=\"fw-bold me-1\">\n {name ? (\n name\n ) : (\n <div className=\"m-1 mt-3 d-flex flex-row\">\n <input\n type=\"text\"\n placeholder=\"input name\"\n value={profileName}\n onChange={(e) => setProfileName(e.target.value)}\n />\n <div>\n <button onClick={handleSave} className=\"ms-3 mt-1 btn-sm\">\n Save\n </button>\n </div>\n </div>\n )}\n </span>\n <Widget src=\"hack.near/widget/BuilderHat\" props={{ accountId }} />\n </div>\n {name && (\n <small>\n <span className=\"text-truncate text-muted font-monospace\">\n @{accountId}\n </span>\n </small>\n )}\n </div>\n </div>\n);\n" } } } } }