let accountId = context.accountId; if (!accountId) { return "Please sign in with NEAR wallet"; } const profile = socialGetr(`${accountId}/profile`); if (profile === null) { return "Loading"; } initState({ name: profile.name, url: profile.image.url, }); const data = { profile: { name: state.name, image: { url: state.url, }, }, }; return ( <div> <div>account = {accountId}</div> <div> Name: <input type="text" value={state.name} /> </div> <div> Image URL: <input type="text" value={state.url} /> </div> <div>Preview</div> <div> <img src={state.url} alt="profile image" /> {state.name} </div> <div> <CommitButton data={data}>Save profile</CommitButton> </div> </div> );