const accountId = props.accountId; const isSlashed = props.isSlashed; const numExpectedBlocks = props.numExpectedBlocks; const numExpectedChunks = props.numExpectedChunks; const numProducedBlocks = props.numProducedBlocks; const numProducedChunks = props.numProducedChunks; const stake = props.stake; const nearInYocto = 1000000000000000000000000; const res = fetch("https://rpc.mainnet.near.org", { headers: { Accept: "application/json", "Content-Type": "application/json", }, method: "POST", body: JSON.stringify({ jsonrpc: "2.0", method: `validators`, params: [null], id: 1, }), }); console.log(res.body); const body = res.body; return ( <table className="table table-striped"> <tbody> <tr> <td>Pool</td> <td>Active</td> <td>Stake</td> <td>Expected blocks</td> <td>Produced blocks</td> <td>Uptime %</td> <td>Expected chunks</td> <td>Produced chunks</td> <td>Uptime %</td> </tr>{" "} <tr> <td>{accountId}</td> <td>{(!isSlashed).toString()}</td> <td>{(stake / nearInYocto).toFixed(0)}</td> <td>{numExpectedBlocks}</td> <td>{numProducedBlocks}</td> <td>{((numExpectedBlocks / numProducedBlocks) * 100).toFixed(0)} %</td> <td>{numExpectedChunks}</td> <td>{numProducedChunks}</td> <td>{((numExpectedChunks / numProducedChunks) * 100).toFixed(0)} %</td> </tr> </tbody> </table> );