const accountId = context.accountId; if (!accountId) { return "Please connect your NEAR wallet to create an activity"; } const saved = Social.get(`${accountId}/event`); if (saved === null) { return "Loading"; } State.init({ name: saved.name || "", description: saved.description || "", cost: saved.cost || null, participants_lo: saved.participants_lo || null, participants_hi: saved.participants_hi || null, deadline: saved.deadline || null, }); return ( <div className="row mb-3"> <div> <h4>Plan a group activity on Near Social!</h4> </div> <div className="mb-2"> Event Name <span className="text-secondary"></span> <input type="text" value={state.name} onChange={(e) => { State.update({ name: e.target.value }); }} /> </div> <div className="mb-2"> Description <span className="text-secondary"></span> <input type="text" value={state.description} onChange={(e) => { State.update({ description: e.target.value }); }} /> </div> <div className="mb-2"> Cost per participant <span className="text-secondary"></span> <input type="number" value={state.cost} onChange={(e) => { State.update({ cost: e.target.value }); }} /> </div> <div className="mb-2"> Min participants <span className="text-secondary"></span> <input type="number" value={state.participants_lo} onChange={(e) => { State.update({ participants_lo: e.target.value }); }} /> </div> <div className="mb-2"> Max participants <span className="text-secondary"></span> <input type="number" value={state.participants_hi} onChange={(e) => { State.update({ participants_hi: e.target.value }); }} /> </div> <div className="mb-2"> Available until <span className="text-secondary"></span> <input type="date" value={state.deadline} onChange={(e) => { State.update({ deadline: e.target.value }); }} /> </div> <div className="mb-2"> <CommitButton data={{ event: { name: state.name, description: state.description, cost: state.cost, participants_lo: state.participants_lo, participants_hi: state.participants_hi, deadline: state.deadline, }, }} onCommit={() => {}} > Create </CommitButton> </div> <hr /> </div> );