mirror of
https://github.com/stronk-dev/LivepeerEvents.git
synced 2025-07-05 10:45:10 +02:00
Spacing for round info popup
This commit is contained in:
parent
d95448181a
commit
223ce5a237
@ -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
|
||||||
|
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user