const accountId = context.accountId; if (!accountId) { return "Please sign in with NEAR wallet to edit your homepage"; } const homepage = Social.get(`${accountId}/settings/near.social/homepage`); if (homepage === null) { return "Loading"; } initState({ homepage: homepage ?? "mob.near/widget/Welcome", }); return ( <div> <div> <h4>Edit your homepage</h4> </div> <div className="mb-2"> Widget: <input type="text" value={state.homepage} placeholder="mob.near/widget/Welcome" /> </div> <div className="mb-2"> <CommitButton data={{ settings: { "near.social": { homepage } } }}> Save homepage </CommitButton> {homepage === state.homepage && ( <a className="btn btn-outline-primary ms-2" href={`#/`}> Open homepage </a> )} </div> <hr /> <div className="mb-2"> <Widget src={state.homepage} /> </div> </div> );