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

Slight Event Button style update

Browse Source
This commit is contained in:
Marco van Dijk 2022-03-12 18:18:24 +01:00
parent 09622e2632
commit 3f351f51dd
4 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@ -21,8 +21,8 @@ Orchestrators can be inspected by clicking on their address, showing all of thei
- Returns a JSON object of top 200 coint data by coin symbol - Returns a JSON object of top 200 coint data by coin symbol
- https://nframe.nl/api/livepeer/getEvents - https://nframe.nl/api/livepeer/getEvents
- Returns a JSON object of the raw data of all events on the Livepeer BondingManager contract - Returns a JSON object of the raw data of all events on the Livepeer BondingManager contract
- https://nframe.nl/api/livepeer/getEvents - https://nframe.nl/api/livepeer/getTickets
- Returns a JSON object of the raw data of all events on the Livepeer BondingManager contract - Returns a JSON object of the raw data of all events on the Livepeer TicketBroker contract
- https://nframe.nl/api/livepeer/getOrchestrator - https://nframe.nl/api/livepeer/getOrchestrator
- POST request with orchAddr in the body - POST request with orchAddr in the body
- https://www.nframe.nl/livepeer/getOrchestrator?orchAddr=0x847791cbf03be716a7fe9dc8c9affe17bd49ae5e - https://www.nframe.nl/livepeer/getOrchestrator?orchAddr=0x847791cbf03be716a7fe9dc8c9affe17bd49ae5e
@ -33,6 +33,8 @@ Orchestrators can be inspected by clicking on their address, showing all of thei
- https://www.nframe.nl/livepeer/prometheus/0x847791cbf03be716a7fe9dc8c9affe17bd49ae5e - https://www.nframe.nl/livepeer/prometheus/0x847791cbf03be716a7fe9dc8c9affe17bd49ae5e
- Returns a Prometheus compatible output of all data except blockchain Events - Returns a Prometheus compatible output of all data except blockchain Events
See the wiki for examples of their raw output
# How # How
## Frontend ## Frontend

10
src/components/eventButton.js
View File

@ -77,19 +77,19 @@ const EventButton = (obj) => {
blockNumber = <Block block={obj.isFirstOfBlock} time={obj.time} url={obj.eventObj.transactionUrl} /> blockNumber = <Block block={obj.isFirstOfBlock} time={obj.time} url={obj.eventObj.transactionUrl} />
} }
return ( return (
<div className="stroke" style={{ width: '100%', padding: 0, margin: 0, marginBottom: '0.2em' }}> <div className="stroke" style={{ width: '100%', padding: 0, margin: 0, marginBottom: '0.5em' }}>
{blockNumber} {blockNumber}
<div className="strokeSmollLeft" style={{ borderRadius: "1.2em", backgroundColor: obj.eventObj.eventColour, padding: 0, margin: 0, width: '100%' }}> <div className="strokeSmollLeft" style={{ borderRadius: "1.2em", backgroundColor: obj.eventObj.eventColour, boxShadow: "4px 1px 5px 4px " + obj.eventObj.eventColour, padding: 0, margin: 0, width: '100%' }}>
{eventCaller} {eventCaller}
<p className="row withWrap" style={{ maxWidth: '600px' }}> <p className="row withWrap" style={{ maxWidth: '600px', textAlign: 'justify', padding: '0.5em', border: '0.1em solid rgba(54, 46, 46, 0.1)', boxShadow: "4px 2px 3px 2px rgba(54, 46, 46, 0.1)" }}>
💬 {obj.eventObj.eventDescription} 💬 {obj.eventObj.eventDescription}
</p> </p>
{eventFrom} {eventFrom}
{eventTo} {eventTo}
</div> </div>
</div> </div>
) )
} }
export default EventButton; export default EventButton;

2
src/components/filterComponent.js
View File

@ -28,7 +28,7 @@ const Filter = (obj) => {
<h3>Clear</h3> <h3>Clear</h3>
</button> </button>
</div> </div>
<input className="searchField" style={{ width: '80%', paddingLeft: '1em', paddingRight: '1em' }} <input className="searchField" style={{ margin: 0, padding: 0, height: '2em', width: '80%', paddingLeft: '1em', paddingRight: '1em', marginRight: '1em' }}
value={obj.searchTerm} value={obj.searchTerm}
onChange={(evt) => obj.setSearchTerm(evt.target.value)} onChange={(evt) => obj.setSearchTerm(evt.target.value)}
placeholder='Filter by Orchestrator address' placeholder='Filter by Orchestrator address'

2
src/pages/livepeer.js
View File

@ -59,8 +59,10 @@ const Livepeer = (obj) => {
<div className="row" style={{ alignItems: 'stretch', height: '100%', padding: '0.2em', width: "unset" }}> <div className="row" style={{ alignItems: 'stretch', height: '100%', padding: '0.2em', width: "unset" }}>
<Orchestrator thisOrchestrator={thisOrchObj} rootOnly={false} forceVertical={true} /> <Orchestrator thisOrchestrator={thisOrchObj} rootOnly={false} forceVertical={true} />
</div> </div>
<div className="row">
<ContractPrices quotes={livepeer.quotes} blockchains={livepeer.blockchains} /> <ContractPrices quotes={livepeer.quotes} blockchains={livepeer.blockchains} />
</div> </div>
</div>
</div > </div >
} }