stronk/LivepeerEvents
1
0
Fork 0
mirror of https://github.com/stronk-dev/LivepeerEvents.git synced 2025-07-05 02:35:09 +02:00
Code Issues Packages Projects Releases Wiki Activity

Visualise grouped events for parsing later on

Browse Source
This commit is contained in:
Marco van Dijk 2022-03-02 15:45:46 +01:00
parent da8bf5d70f
commit b9f782b2e3
2 changed files with 25 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/eventButton.js
View File

@ -40,7 +40,7 @@ const EventButton = (obj) => {
return (
<a href={obj.transactionUrl} className="row">
<img alt="" src="livepeer.png" width="30" height="30" />
{eventSpecificInfo}
{obj.idx}: {eventSpecificInfo}
</a>
)
}

35
src/eventViewer.js
View File

@ -3,19 +3,32 @@ import EventButton from "./eventButton";
import ScrollContainer from 'react-indiana-drag-scroll';
const EventViewer = (obj) => {
let txCounter = 0;
let currentTx = "";
return (
<div className="stroke roundedOpaque" style={{ padding: 0, margin: 0, marginTop: '2em', position: 'absolute', bottom: 0, top: '200px', left: '0px', right: '0px', overflowY: 'auto', overflowX: 'hidden', width: '100%' }}>
{obj.events.map((eventObj, idx) => {
// TODO: make something that groups shit as long as the eventObj.transactionUrl is the same
return <EventButton
key={eventObj.transactionUrl + idx}
transactionUrl={eventObj.transactionUrl}
transactionHash={eventObj.transactionHash}
name={eventObj.name}
data={eventObj.data}
address={eventObj.address}
/>
})}
<div className="content-wrapper">
<ScrollContainer className="overflow-container" hideScrollbars={false}>
<div className="overflow-content" style={{ cursor: 'grab' }}>
{obj.events.map((eventObj, idx) => {
if(currentTx != eventObj.transactionHash){
txCounter++;
currentTx = eventObj.transactionHash;
}
// TODO: make something that groups shit as long as the eventObj.transactionUrl is the same
return <EventButton
key={eventObj.transactionUrl + idx}
transactionUrl={eventObj.transactionUrl}
transactionHash={eventObj.transactionHash}
name={eventObj.name}
data={eventObj.data}
address={eventObj.address}
idx={txCounter}
/>
})}
</div>
</ScrollContainer>
</div>
</div>
)
}