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

small address tweaks

Browse Source
This commit is contained in:
Marco van Dijk 2022-03-19 01:36:44 +01:00
parent 52692ec4ec
commit 0660cc6592
4 changed files with 24 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/OrchAddressViewer.js
View File

@ -9,7 +9,7 @@ const Address = (obj) => {
let thisInfo = null; let thisInfo = null;
const now = new Date().getTime(); const now = new Date().getTime();
// Lookup domain in cache // Lookup domain in cache
if (livepeer.ensDomainMapping){ if (livepeer.ensDomainMapping) {
for (const thisAddr of livepeer.ensDomainMapping) { for (const thisAddr of livepeer.ensDomainMapping) {
if (thisAddr.address === obj.address) { if (thisAddr.address === obj.address) {
thisDomain = thisAddr; thisDomain = thisAddr;
@ -61,17 +61,13 @@ const Address = (obj) => {
thisName = thisInfo.domain; thisName = thisInfo.domain;
if (thisInfo.avatar) { if (thisInfo.avatar) {
thisIcon = thisIcon =
<a className="selectOrchLight" style={{cursor: 'alias'}} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + thisInfo.domain + "/details"} > <a className="selectOrchLight" style={{ padding: '0.2em', cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + thisInfo.domain + "/details"} >
<div className="rowAlignLeft"> <img alt="" src={thisInfo.avatar} width="20em" height="20em" />
<img alt="" src={thisInfo.avatar} width="20" height="20" />
</div>
</a > </a >
} else { } else {
thisIcon = thisIcon =
<a className="selectOrchLight" style={{cursor: 'alias'}} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + thisInfo.domain + "/details"} > <a className="selectOrchLight" style={{ padding: '0.2em', cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + thisInfo.domain + "/details"} >
<div className="rowAlignLeft"> <img alt="" src="ens.png" width="20em" height="20em" />
<img alt="" src="ens.png" width="20" height="20" />
</div>
</a > </a >
} }
} else { } else {
@ -81,10 +77,8 @@ const Address = (obj) => {
return ( return (
<div className="rowAlignLeft"> <div className="rowAlignLeft">
<a className="selectOrchLight" style={{cursor: 'alias'}} target="_blank" rel="noopener noreferrer" href={"https://explorer.livepeer.org/accounts/" + obj.address} > <a className="selectOrchLight" style={{ padding: '0.2em', cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://explorer.livepeer.org/accounts/" + obj.address} >
<div className="rowAlignLeft"> <img alt="" src="livepeer.png" width="20em" height="20em" />
<img alt="" src="livepeer.png" width="20" height="20" />
</div>
</a> </a>
{thisIcon} {thisIcon}
<span className="elipsText elipsOnMobile">{thisName}</span> <span className="elipsText elipsOnMobile">{thisName}</span>

6
src/components/OrchInfoViewer.js
View File

@ -101,7 +101,7 @@ const OrchInfoViewer = (obj) => {
} }
if (thisInfo.url) { if (thisInfo.url) {
ensUrl = ensUrl =
<a className="selectOrchLight" style={{cursor: 'alias'}} target="_blank" rel="noopener noreferrer" href={"https://" + thisInfo.url} > <a className="selectOrchLight" style={{ cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://" + thisInfo.url} >
<div className="rowAlignLeft"> <div className="rowAlignLeft">
<span>{thisInfo.url}</span> <span>{thisInfo.url}</span>
</div> </div>
@ -114,10 +114,10 @@ const OrchInfoViewer = (obj) => {
<div className="stroke sideMargin"> <div className="stroke sideMargin">
<div className="verticalDivider" /> <div className="verticalDivider" />
<div className="row"> <div className="row">
<a href={thisUrl}>
<h3 >Orchestrator Info</h3> <h3 >Orchestrator Info</h3>
</div>
<div className="row">
<Address address={thisID} /> <Address address={thisID} />
</a>
</div> </div>
{ensUrl} {ensUrl}
{ensDescription} {ensDescription}

8
src/components/eventButtonAddress.js
View File

@ -65,12 +65,12 @@ const EventButtonAddress = (obj) => {
thisName = <h4 className="elipsText elipsOnMobileExtra">{thisInfo.domain}</h4>; thisName = <h4 className="elipsText elipsOnMobileExtra">{thisInfo.domain}</h4>;
if (thisInfo.avatar) { if (thisInfo.avatar) {
thisIcon = thisIcon =
<a className="selectOrch" style={{ cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + thisInfo.domain + "/details"} > <a className="selectOrch" style={{ padding: '0.2em', cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + thisInfo.domain + "/details"} >
<img alt="" src={thisInfo.avatar} width="20em" height="20em" style={{ margin: 0 }} /> <img alt="" src={thisInfo.avatar} width="20em" height="20em" style={{ margin: 0 }} />
</a > </a >
} else { } else {
thisIcon = thisIcon =
<a className="selectOrch" style={{ cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + thisInfo.domain + "/details"} > <a className="selectOrch" style={{ padding: '0.2em', cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + thisInfo.domain + "/details"} >
<img alt="" src="ens.png" width="20em" height="20em" style={{ margin: 0 }} /> <img alt="" src="ens.png" width="20em" height="20em" style={{ margin: 0 }} />
</a > </a >
} }
@ -81,10 +81,10 @@ const EventButtonAddress = (obj) => {
return ( return (
<div className="rowAlignLeft" style={{ width: '100%' }}> <div className="rowAlignLeft" style={{ width: '100%' }}>
{thisIcon} <a className="selectOrch" style={{ padding: '0.2em', cursor: 'alias' }} rel="noopener noreferrer" target="_blank" href={"https://explorer.livepeer.org/accounts/" + obj.address}>
<a className="selectOrch" style={{ cursor: 'alias' }} rel="noopener noreferrer" target="_blank" href={"https://explorer.livepeer.org/accounts/" + obj.address}>
<img alt="" src="livepeer.png" width="20em" height="20em" style={{ margin: 0 }} /> <img alt="" src="livepeer.png" width="20em" height="20em" style={{ margin: 0 }} />
</a> </a>
{thisIcon}
<button className="selectOrch" style={{ padding: '0.5em', cursor: 'pointer' }} onClick={() => { obj.setSearchTerm(obj.address) }} > <button className="selectOrch" style={{ padding: '0.5em', cursor: 'pointer' }} onClick={() => { obj.setSearchTerm(obj.address) }} >
<span className="elipsText">🔎</span> <span className="elipsText">🔎</span>
</button> </button>

1
src/style.css
View File

@ -59,7 +59,6 @@ h2, h3, h1, h4, h5, h6 {
white-space: nowrap; white-space: nowrap;
display: block; display: block;
text-overflow: ellipsis; text-overflow: ellipsis;
width: 100%;
} }
p { p {