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

ens, 3box avatar placement

Browse Source
This commit is contained in:
Marco van Dijk 2022-04-22 11:49:15 +02:00
parent 9f7a50d576
commit ac796e0fdb
2 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/OrchAddressViewer.js
View File

@ -77,13 +77,13 @@ const Address = (obj) => {
thisName = thisInfo.domain;
if (thisInfo.avatar) {
thisIcon =
<a className="selectOrchLight" 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.url} width="20em" height="20em" />
<a className="selectOrchLight" style={{ marginRight: '0.2em', cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + thisInfo.domain + "/details"} >
<img alt="" src={thisInfo.avatar.url} width="20em" height="20em" style={{ margin: '0.2em', padding: '0.2em' }} />
</a >
} else {
thisIcon =
<a className="selectOrchLight" 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" />
<a className="selectOrchLight" style={{ marginRight: '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.2em', padding: '0.2em' }} />
</a >
}
} else if (hasThreeBox) {
@ -93,7 +93,10 @@ const Address = (obj) => {
thisName = <span className="elipsText elipsOnMobileExtra">{obj.address}</span>;
}
if (thisInfo.image) {
thisIcon = <img alt="" src={"https://cloudflare-ipfs.com/ipfs/" + thisInfo.image} width="20em" height="20em" style={{ margin: 0, padding: 0 }} />
thisIcon =
<a className="selectOrch" style={{ marginRight: '0.5em', cursor: 'grab'}} disabled>
<img alt="" src={"https://cloudflare-ipfs.com/ipfs/" + thisInfo.image} width="20em" height="20em" style={{ margin: 0, padding: 0 }} />
</a >
} else {
thisIcon = null;
}
@ -108,7 +111,7 @@ const Address = (obj) => {
<img alt="" src="livepeer.png" width="20em" height="20em" />
</a>
{thisIcon}
<span className="elipsText elipsOnMobile">{thisName}</span>
<span className="elipsText elipsOnMobileExtra">{thisName}</span>
</div>
)
}

9
src/components/eventButtonAddress.js
View File

@ -125,8 +125,8 @@ const EventButtonAddress = (obj) => {
thisName = <h4 className="elipsText elipsOnMobileExtra">{orchInfo.domain}</h4>;
if (orchInfo.avatar) {
thisIcon =
<a className="selectOrch" style={{ padding: '0', cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + orchInfo.domain + "/details"} >
<img alt="" src={orchInfo.avatar.url} width="20em" height="20em" style={{ margin: 0, padding: 0 }} />
<a className="selectOrch" style={{ marginRight: '0.2em', cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + orchInfo.domain + "/details"} >
<img alt="" src={orchInfo.avatar.url} width="20em" height="20em" style={{ margin: '0.2em', padding: '0.2em' }} />
</a >
}
} else if (orchInfo && (orchInfo.name || orchInfo.image)) {
@ -136,7 +136,10 @@ const EventButtonAddress = (obj) => {
thisName = <span className="elipsText elipsOnMobileExtra">{obj.address}</span>;
}
if (orchInfo.image) {
thisIcon = <img alt="" src={"https://cloudflare-ipfs.com/ipfs/" + orchInfo.image} width="20em" height="20em" style={{ margin: 0, padding: 0 }} />
thisIcon =
<a className="selectOrch" style={{ marginRight: '0.5em', cursor: 'grab'}} disabled>
<img alt="" src={"https://cloudflare-ipfs.com/ipfs/" + orchInfo.image} width="20em" height="20em" style={{ margin: 0, padding: 0 }} style={{ margin: 0, padding: 0 }} />
</a >
} else {
thisIcon = null;
}