const ideas = Near.view("nearideas.near", "get_ideas"); const onReportClick = (idea_id) => { Near.call("nearideas.near", "review", { idea_id: parseInt(idea_id), status: "Reported", }); }; return ( <div> <h2>Ideas</h2> <p> <a className="btn btn-outline-primary ms-2" href="#/root.near/widget/AddIdea" > Add idea </a> </p> {ideas ? ideas.map((idea) => ( <div> <h3> {idea.name} ({idea.status}) </h3> <p>Submitted: {idea.submitter_id}</p> <p>Reviewer: {idea.reviewer_id}</p> <p>{idea.description}</p> <p>Amount: {idea.amount / 1000000000000000000000000} NEAR</p> <p> <a className="btn btn-outline-primary ms-2" href={`#/root.near/widget/CreateSubmission?idea_id=${idea.idea_id}`} > Create submission </a> {idea.reviewer_id === context.accountId ? ( <a className="btn btn-outline-primary ms-2" onClick={() => onReportClick(idea.idea_id)} > Report </a> ) : ( "" )} </p> </div> )) : ""} </div> );