- Round {thisRoundInfo.number} -
- } - return (📅 {thisLocalDate} diff --git a/src/components/RoundViewer.js b/src/components/RoundViewer.js new file mode 100644 index 0000000..bc8492e --- /dev/null +++ b/src/components/RoundViewer.js @@ -0,0 +1,110 @@ +import React, { useEffect, useState } from "react"; +import { + getRoundInfo +} from "../actions/livepeer"; +import { useDispatch, useSelector } from 'react-redux'; +import { Popover } from '@mantine/core'; +import { getOrchestratorByDelegator } from "../util/livepeer"; + +const Round = (obj) => { + const [opened, setOpened] = useState(false); + const dispatch = useDispatch(); + const [hasRefreshed, setRefresh] = useState(false); + + useEffect(() => { + // If it was not cached at all + if (obj.round && obj.round.number && !obj.round.endBlock && !hasRefreshed) { + console.log("Pulling round info for round " + obj.round.number); + setRefresh(true); + dispatch(getRoundInfo(obj.round.number)); + } + }, []); + + const thisEpoch = obj.time; + var dateObj = new Date(0); + dateObj.setUTCSeconds(thisEpoch); + const thisLocalDate = dateObj.toLocaleString(); + const thisOffset = (-dateObj.getTimezoneOffset() / 60); + + return ( +
setOpened((o) => !o)}> + Round {obj.round.number} +
+ } + width={260} + position="right" + withArrow + > ++ Round {obj.round.number} +
++ Has {obj.round.mintableTokens.toFixed(2)} mintable tokens +
++ A volume of {obj.round.volumeEth.toFixed(2)} Eth ({obj.round.volumeUsd.toFixed(2)}$) +
++ A total supply of {obj.round.totalSupply.toFixed(2)} LPT, of which {obj.round.totalActiveStake.toFixed(2)} is staked ({(obj.round.participationRate * 100).toFixed(2)}%) +
++ {obj.round.newStake.toFixed(2)} LPT new stake +
++ {obj.round.movedStake.toFixed(2)} LPT stake moved around +
++ 📅 {thisLocalDate} +
+ {thisOffset != 0 ?+ ({thisOffset > 0 ? "+" : ""}{thisOffset}) +
: null + } + +