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

Formatting fixes

Browse Source
This commit is contained in:
Marco van Dijk 2022-03-21 16:11:28 +01:00
parent 456f603b75
commit 5581b84ac6
5 changed files with 25 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/OrchAddressViewer.js
View File

@ -77,7 +77,7 @@ const Address = (obj) => {
}
return (
<div className="rowAlignLeft">
<div className="row" style={{width: 'unset'}}>
<a className="selectOrchLight" style={{ padding: '0.2em', cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://explorer.livepeer.org/accounts/" + obj.address} >
<img alt="" src="livepeer.png" width="20em" height="20em" />
</a>

4
src/components/OrchDelegatorViewer.js
View File

@ -18,7 +18,9 @@ const OrchDelegatorViewer = (obj) => {
delegators.map((delObj, idx) => {
return (
<div className="flexContainer forceWrap" key={"delegator" + idx}>
<div className="rowAlignLeft">
<Address address={delObj.id} seed={"delegator" + idx + delObj.id} />
</div>
<div className="rowAlignRight">
<p className="darkText">{parseFloat(delObj.bondedAmount).toFixed(2)} LPT since round {delObj.startRound}</p>
</div>
@ -39,7 +41,7 @@ const OrchDelegatorViewer = (obj) => {
<div className="row">
<h3>The selected Orchestrator has no Delegators</h3>
</div>
<div className="verticalDivider"/>
<div className="verticalDivider" />
</div>
</div >
)

10
src/components/OrchInfoViewer.js
View File

@ -95,20 +95,23 @@ const OrchInfoViewer = (obj) => {
if (thisInfo) {
if (thisInfo.description) {
ensDescription =
<div className="row">
<div className="stroke">
<div className="verticalDivider" />
<span>{thisInfo.description}</span>
</div>
}
if (thisInfo.url) {
if (!thisInfo.url.startsWith('http')){
if (!thisInfo.url.startsWith('http')) {
thisInfo.url = "https://" + thisInfo.url;
}
ensUrl =
<div className="stroke">
<a className="selectOrchLight" style={{ cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={thisInfo.url} >
<div className="rowAlignLeft">
<span>{thisInfo.url}</span>
</div>
</a >
</div>
}
}
@ -119,11 +122,8 @@ const OrchInfoViewer = (obj) => {
<div className="row">
<h3 >Orchestrator Info</h3>
</div>
<div className="row">
<Address address={thisID} />
</div>
{ensUrl}
<div className="verticalDivider" />
{ensDescription}
<div className="stretchAndBetween" style={{ borderTop: '2px solid rgba(15,15,15,0.05)', marginTop: '0.2em' }} >
<Stat header={"Earned Fees"} content1={totalVolumeETH + " Eth"} content2={"$" + totalVolumeUSD} />

4
src/components/orchestratorViewer.js
View File

@ -6,7 +6,7 @@ const Orchestrator = (obj) => {
if (obj.thisOrchestrator) {
if (obj.forceVertical) {
return (
<div className="hostInfo sideMargin">
<div className="hostInfo sideMargin mobileNoSideMargin">
<div className="flexContainer" style={{ justifyContent: 'flex-start', alignItems: 'flex-start', flexDirection: 'column' }}>
<OrchInfoViewer
rewardCut={obj.thisOrchestrator.rewardCut}
@ -22,7 +22,7 @@ const Orchestrator = (obj) => {
)
} else {
return (
<div className="hostInfo sideMargin">
<div className="hostInfo sideMargin mobileNoSideMargin">
<div className="flexContainer" style={{ justifyContent: 'flex-start', alignItems: 'flex-start', flexDirection: 'column' }}>
<OrchInfoViewer
rewardCut={obj.thisOrchestrator.rewardCut}

7
src/style.css
View File

@ -679,6 +679,13 @@ svg {
.mobileNoPadding {
padding: 0;
}
.mobileNoMargin {
margin: 0;
}
.mobileNoSideMargin {
margin-left: 0;
margin-right: 0;
}
.main-container {
height: calc(100vh - 60px);
}