Change cursors when hovering

This commit is contained in:
Marco van Dijk 2022-03-08 17:35:12 +01:00
parent 4bb3a22c8b
commit 2c1d3be680
2 changed files with 11 additions and 11 deletions

View File

@ -7,11 +7,11 @@ const Block = (obj) => {
const [thisDate, thisTime] = dateObj.toISOString().split('T'); const [thisDate, thisTime] = dateObj.toISOString().split('T');
return ( return (
<div className="rowAlignLeft" style={{ width: '100%', marginTop: '1em' }}> <div className="rowAlignLeft" style={{ width: '100%', marginTop: '1em' }}>
<a className="selectOrch" href={obj.url}> <a className="selectOrch" style={{cursor: 'alias'}} href={obj.url}>
<img alt="" src="arb.svg" width="30em" height="30em" /> <img alt="" src="arb.svg" width="30em" height="30em" />
</a> </a>
<span className="rowAlignRight elipsText"> <span className="rowAlignRight elipsText">
<a className="selectOrch" href={"https://arbiscan.io/block/" + obj.block}> <a className="selectOrch" style={{cursor: 'alias'}} href={"https://arbiscan.io/block/" + obj.block}>
🔗{obj.block} 🔗{obj.block}
</a> </a>
<p className="darkText">📅{thisDate} - {thisTime.split('.')[0]} </p> <p className="darkText">📅{thisDate} - {thisTime.split('.')[0]} </p>

View File

@ -26,13 +26,13 @@ const EventButton = (obj) => {
eventTo = eventTo =
<div className="rowAlignLeft" style={{ width: '100%', margin: 0, marginLeft: '0.5em' }}> <div className="rowAlignLeft" style={{ width: '100%', margin: 0, marginLeft: '0.5em' }}>
<p>To</p> <p>To</p>
<a className="selectOrch" href={"https://explorer.livepeer.org/accounts/" + obj.eventObj.eventTo}> <a className="selectOrch" style={{cursor: 'alias'}} href={"https://explorer.livepeer.org/accounts/" + obj.eventObj.eventTo}>
<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>
<button className="selectOrch" style={{ margin: 0, padding: '0.5em' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventTo) }} > <button className="selectOrch" style={{ margin: 0, padding: '0.5em', cursor: 'alias' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventTo) }} >
<span className="elipsText">🔎</span> <span className="elipsText">🔎</span>
</button> </button>
<button className="selectOrch" style={{ margin: 0, padding: 0 }} onClick={() => { dispatch(getOrchestratorInfo(obj.eventObj.eventTo)) }} > <button className="selectOrch" style={{ margin: 0, padding: 0, cursor: 'help' }} onClick={() => { dispatch(getOrchestratorInfo(obj.eventObj.eventTo)) }} >
<span className="elipsText">{obj.eventObj.eventTo}</span> <span className="elipsText">{obj.eventObj.eventTo}</span>
</button> </button>
</div> </div>
@ -41,13 +41,13 @@ const EventButton = (obj) => {
eventFrom = eventFrom =
<div className="rowAlignLeft" style={{ width: '100%', margin: 0, marginLeft: '0.5em' }}> <div className="rowAlignLeft" style={{ width: '100%', margin: 0, marginLeft: '0.5em' }}>
<p>From</p> <p>From</p>
<a className="selectOrch" href={"https://explorer.livepeer.org/accounts/" + obj.eventObj.eventFrom}> <a className="selectOrch" style={{cursor: 'alias'}} href={"https://explorer.livepeer.org/accounts/" + obj.eventObj.eventFrom}>
<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>
<button className="selectOrch" style={{ margin: 0, padding: '0.5em' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventFrom) }} > <button className="selectOrch" style={{ margin: 0, padding: '0.5em', cursor: 'alias' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventFrom) }} >
<span className="elipsText">🔎</span> <span className="elipsText">🔎</span>
</button> </button>
<button className="selectOrch" style={{ margin: 0, padding: 0 }} onClick={() => { dispatch(getOrchestratorInfo(obj.eventObj.eventFrom)) }}> <button className="selectOrch" style={{ margin: 0, padding: 0, cursor: 'help' }} onClick={() => { dispatch(getOrchestratorInfo(obj.eventObj.eventFrom)) }}>
<span className="elipsText">{obj.eventObj.eventFrom}</span> <span className="elipsText">{obj.eventObj.eventFrom}</span>
</button> </button>
</div > </div >
@ -56,13 +56,13 @@ const EventButton = (obj) => {
eventCaller = eventCaller =
<div className="rowAlignLeft" style={{ width: '100%', margin: 0, marginLeft: '0.5em' }}> <div className="rowAlignLeft" style={{ width: '100%', margin: 0, marginLeft: '0.5em' }}>
<p>Caller</p> <p>Caller</p>
<a className="selectOrch" href={"https://explorer.livepeer.org/accounts/" + obj.eventObj.eventCaller}> <a className="selectOrch" style={{cursor: 'alias'}} href={"https://explorer.livepeer.org/accounts/" + obj.eventObj.eventCaller}>
<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>
<button className="selectOrch" style={{ margin: 0, padding: '0.5em' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventCaller) }} > <button className="selectOrch" style={{ margin: 0, padding: '0.5em', cursor: 'alias' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventCaller) }} >
<span className="elipsText">🔎</span> <span className="elipsText">🔎</span>
</button> </button>
<button className="selectOrch" style={{ margin: 0, padding: 0 }} onClick={() => { dispatch(getOrchestratorInfo(obj.eventObj.eventCaller)) }} > <button className="selectOrch" style={{ margin: 0, padding: 0, cursor: 'help' }} onClick={() => { dispatch(getOrchestratorInfo(obj.eventObj.eventCaller)) }} >
<span className="elipsText">{obj.eventObj.eventCaller}</span> <span className="elipsText">{obj.eventObj.eventCaller}</span>
</button> </button>
</div> </div>