const accountId = context.accountId; if (!accountId) { return "Please sign in with NEAR wallet to add a new meme"; } let prevMeme = Social.getr(`${accountId}/post/meme`); if (prevMeme === null) { return "Loading"; } initState({ meme: prevMeme || {}, img: { cid: prevMeme.image.ipfs_cid }, }); const meme = { title: state.meme.title, description: state.meme.description, image: {}, }; if (state.img.cid) { meme.image.ipfs_cid = state.img.cid; } return ( <div className="row mb-3"> <div> <h4>Memegen</h4> </div> <div className="mb-2"> Title: <input type="text" value={state.meme.title} /> </div> <div className="mb-2"> Meme: <br /> <IpfsImageUpload image={state.img} /> </div> <div className="mb-2"> Description: <input type="text" value={state.meme.description} /> </div> <div className="mb-2"> <CommitButton data={{ post: { meme } }}>Post meme</CommitButton> {JSON.stringify(prevMeme) === JSON.stringify(meme) && ( <a className="btn btn-outline-primary ms-2" href={`#/mob.near/widget/Meme?accountId=${accountId}`} > View meme </a> )} </div> <hr /> <Widget src="mob.near/widget/Meme" props={{ meme }} /> </div> );