const { questionRef, answeredBy } = props; const votes = Social.index("genie", "vote"); const upvotes = votes.filter((v) => v.value > 0); const downvotes = votes.filter((v) => v.value < 0); return ( <div className="d-flex flex-column gap-1"> {JSON.stringify(votes)} <div>Upvotes: {upvotes}</div> <div>Downvotes: {downvotes}</div> <div className="d-flex flex-row gap-1"> <CommitButton data={{ index: { genie: JSON.stringify({ key: "vote", value: { questionRef, answeredBy, value: 1, }, }), }, }} > Upvote </CommitButton> <CommitButton data={{ index: { genie: JSON.stringify({ key: "vote", value: { questionRef, answeredBy, value: -1, }, }), }, }} > Downvote </CommitButton> </div> </div> );