const ownerId = "devgovgigs.near"; const idea_id = props.idea_id ? parseInt(props.idea_id) : 0; initState({ name: "", description: "" }); const onClick = () => { Near.call(ownerId, "add_submission", { idea_id, name: state.name, description: state.description, }); }; return ( <div className="row"> <div className="col-lg-6"> <div> <h4>Submission Editor</h4> </div> <div className="mb-2"> Title: <input type="text" value={state.name} onChange={(event) => State.update({ name: event.target.value })} /> </div> <div className="mb-2"> Description: <br /> <textarea value={state.description} type="text" rows={6} className="form-control" onChange={(event) => State.update({ description: event.target.value }) } /> </div> <a className="btn btn-outline-primary mb-2" onClick={onClick}> Submit </a> </div> <div className="col-lg-6"> <div> <h4>Preview</h4> <br /> </div> <Widget src={`${ownerId}/widget/Submission`} props={{ submission: { author_id: context.accountId, name: state.name, description: state.description, }, }} /> </div> </div> );