stronk/LivepeerEvents
1
0
Fork 0
mirror of https://github.com/stronk-dev/LivepeerEvents.git synced 2025-07-05 10:45:10 +02:00
Code Issues Packages Projects Releases Wiki Activity

Spacing for round info popup

Browse Source
This commit is contained in:
Marco van Dijk 2022-05-08 17:54:12 +02:00
parent d95448181a
commit 223ce5a237
2 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
backend/src/models/Round.js
View File

@ -17,10 +17,6 @@ const RoundSchema = new mongoose.Schema({
type: Number, type: Number,
required: true required: true
}, },
lengthBlocks: {
type: Number,
required: false
},
startBlock: { startBlock: {
type: Number, type: Number,
required: false required: false

26
src/components/RoundViewer.js
View File

@ -49,46 +49,52 @@ const Round = (obj) => {
Round {obj.round.number} Round {obj.round.number}
</p> </p>
</div> </div>
<div className="smallVerticalDivider"/>
{ {
obj.round.mintableTokens && obj.round.mintableTokens > 0 ? obj.round.mintableTokens && obj.round.mintableTokens > 0 ?
<div className="row"> <div className="rowAlignLeft">
<p className="darkText" style={{ overflowWrap: 'break-word' }}> <p className="darkText" style={{ overflowWrap: 'break-word', textAlign: 'left' }}>
Has {parseFloat(obj.round.mintableTokens).toFixed(2)} mintable tokens Has {parseFloat(obj.round.mintableTokens).toFixed(2)} mintable tokens
</p> </p>
</div> : null </div> : null
} }
<div className="smallVerticalDivider"/>
{ {
obj.round.volumeEth && obj.round.volumeUsd && obj.round.volumeEth > 0 && obj.round.volumeUsd > 0 ? obj.round.volumeEth && obj.round.volumeUsd && obj.round.volumeEth > 0 && obj.round.volumeUsd > 0 ?
<div className="row"> <div className="rowAlignLeft">
<p className="darkText" style={{ overflowWrap: 'break-word' }}> <p className="darkText" style={{ overflowWrap: 'break-word', textAlign: 'left' }}>
A volume of {parseFloat(obj.round.volumeEth).toFixed(2)} Eth ({parseFloat(obj.round.volumeUsd).toFixed(2)}$) A volume of {parseFloat(obj.round.volumeEth).toFixed(2)} Eth ({parseFloat(obj.round.volumeUsd).toFixed(2)}$)
</p> </p>
</div> : null </div> : null
} }
<div className="smallVerticalDivider"/>
{ {
obj.round.totalSupply && obj.round.totalActiveStake && obj.round.totalSupply > 0 && obj.round.totalActiveStake > 0 ? obj.round.totalSupply && obj.round.totalActiveStake && obj.round.totalSupply > 0 && obj.round.totalActiveStake > 0 ?
<div className="row"> <div className="rowAlignLeft">
<p className="darkText" style={{ overflowWrap: 'break-word' }}> <p className="darkText" style={{ overflowWrap: 'break-word', textAlign: 'left' }}>
A total supply of {parseFloat(obj.round.totalSupply).toFixed(2)} LPT, of which {parseFloat(obj.round.totalActiveStake).toFixed(2)} is staked ({(parseFloat(obj.round.participationRate) * 100).toFixed(2)}%) A total supply of {parseFloat(obj.round.totalSupply).toFixed(2)} LPT, of which {parseFloat(obj.round.totalActiveStake).toFixed(2)} is staked ({(parseFloat(obj.round.participationRate) * 100).toFixed(2)}%)
</p> </p>
</div> : null </div> : null
} }
<div className="smallVerticalDivider"/>
{ {
obj.round.newStake && obj.round.newStake > 0 ? obj.round.newStake && obj.round.newStake > 0 ?
<div className="row"> <div className="rowAlignLeft">
<p className="darkText" style={{ overflowWrap: 'break-word' }}> <p className="darkText" style={{ overflowWrap: 'break-word', textAlign: 'left' }}>
{parseFloat(obj.round.newStake).toFixed(2)} LPT new stake {parseFloat(obj.round.newStake).toFixed(2)} LPT new stake
</p> </p>
</div> : null </div> : null
} }
<div className="smallVerticalDivider"/>
{ {
obj.round.movedStake && obj.round.movedStake > 0 ? obj.round.movedStake && obj.round.movedStake > 0 ?
<div className="row"> <div className="rowAlignLeft">
<p className="darkText" style={{ overflowWrap: 'break-word' }}> <p className="darkText" style={{ overflowWrap: 'break-word', textAlign: 'left' }}>
{parseFloat(obj.round.movedStake).toFixed(2)} LPT stake moved around {parseFloat(obj.round.movedStake).toFixed(2)} LPT stake moved around
</p> </p>
</div> : null </div> : null
} }
<div className="smallVerticalDivider"/>
</div> </div>
</Popover> </Popover>