mirror of
https://github.com/stronk-dev/LivepeerEvents.git
synced 2025-07-05 10:45:10 +02:00
added search button
This commit is contained in:
parent
87baf60e4c
commit
3a0dfd0693
@ -26,14 +26,37 @@ const EventButton = (obj) => {
|
|||||||
}
|
}
|
||||||
if (obj.eventObj.eventTo || obj.eventObj.eventFrom || obj.eventObj.eventCaller) {
|
if (obj.eventObj.eventTo || obj.eventObj.eventFrom || obj.eventObj.eventCaller) {
|
||||||
if (obj.eventObj.eventTo) {
|
if (obj.eventObj.eventTo) {
|
||||||
eventTo = <button className="selectOrch" onClick={() => { dispatch(getOrchestratorInfo(obj.eventObj.eventTo)) }} ><span className="elipsText">{obj.eventObj.eventTo}</span></button>
|
eventTo =
|
||||||
|
<div className="row" style={{ flex: '1', width: 'unset' }}>
|
||||||
|
<button className="selectOrch" style={{margin: 0, padding: '0.5em'}} onClick={() => { obj.setSearchTerm(obj.eventObj.eventTo) }} >
|
||||||
|
<span className="elipsText">🔎</span>
|
||||||
|
</button>
|
||||||
|
<button className="selectOrch" onClick={() => { dispatch(getOrchestratorInfo(obj.eventObj.eventTo)) }} >
|
||||||
|
<span className="elipsText">{obj.eventObj.eventTo}</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
}
|
}
|
||||||
if (obj.eventObj.eventFrom) {
|
if (obj.eventObj.eventFrom) {
|
||||||
eventFrom = <button className="selectOrch" onClick={() => { dispatch(getOrchestratorInfo(obj.eventObj.eventFrom)) }} ><span className="elipsText">{obj.eventObj.eventFrom}</span></button>
|
eventFrom =
|
||||||
|
<div className="row" style={{ flex: '1', width: 'unset' }}>
|
||||||
|
<button className="selectOrch" style={{margin: 0, padding: '0.5em'}} onClick={() => { obj.setSearchTerm(obj.eventObj.eventFrom) }} >
|
||||||
|
<span className="elipsText">🔎</span>
|
||||||
|
</button>
|
||||||
|
<button className="selectOrch" onClick={() => { dispatch(getOrchestratorInfo(obj.eventObj.eventFrom)) }}>
|
||||||
|
<span className="elipsText">{obj.eventObj.eventFrom}</span>
|
||||||
|
</button>
|
||||||
|
</div >
|
||||||
}
|
}
|
||||||
if (obj.eventObj.eventCaller) {
|
if (obj.eventObj.eventCaller) {
|
||||||
eventCaller =
|
eventCaller =
|
||||||
<button className="selectOrch" onClick={() => { dispatch(getOrchestratorInfo(obj.eventObj.eventCaller)) }} ><span className="elipsText">{obj.eventObj.eventCaller}</span></button>
|
<div className="rowAlignLeft" style={{ flex: '1', width: 'unset', margin: 0 }}>
|
||||||
|
<button className="selectOrch" style={{margin: 0, padding: '0.5em'}} onClick={() => { obj.setSearchTerm(obj.eventObj.eventCaller) }} >
|
||||||
|
<span className="elipsText">🔎</span>
|
||||||
|
</button>
|
||||||
|
<button className="selectOrch" onClick={() => { dispatch(getOrchestratorInfo(obj.eventObj.eventCaller)) }} >
|
||||||
|
<span className="elipsText">{obj.eventObj.eventCaller}</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
}
|
}
|
||||||
eventRightAddr = <div className="rowAlignRight" style={{ flex: '1', width: '100%', padding: 0, margin: 0 }}>
|
eventRightAddr = <div className="rowAlignRight" style={{ flex: '1', width: '100%', padding: 0, margin: 0 }}>
|
||||||
{eventFrom}
|
{eventFrom}
|
||||||
@ -45,7 +68,6 @@ const EventButton = (obj) => {
|
|||||||
let blockNumber;
|
let blockNumber;
|
||||||
if (obj.isFirstOfBlock) {
|
if (obj.isFirstOfBlock) {
|
||||||
blockNumber = <Block block={obj.isFirstOfBlock} time={obj.time} />
|
blockNumber = <Block block={obj.isFirstOfBlock} time={obj.time} />
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
@ -164,6 +164,7 @@ const EventViewer = (obj) => {
|
|||||||
eventList.push(<EventButton
|
eventList.push(<EventButton
|
||||||
key={eventObj.transactionHash + unfiltered}
|
key={eventObj.transactionHash + unfiltered}
|
||||||
eventObj={eventObj}
|
eventObj={eventObj}
|
||||||
|
setSearchTerm={setSearchTerm}
|
||||||
/>);
|
/>);
|
||||||
} else {
|
} else {
|
||||||
prevBlock = eventObj.transactionBlock;
|
prevBlock = eventObj.transactionBlock;
|
||||||
@ -172,6 +173,7 @@ const EventViewer = (obj) => {
|
|||||||
eventObj={eventObj}
|
eventObj={eventObj}
|
||||||
isFirstOfBlock={prevBlock}
|
isFirstOfBlock={prevBlock}
|
||||||
time={eventObj.transactionTime}
|
time={eventObj.transactionTime}
|
||||||
|
setSearchTerm={setSearchTerm}
|
||||||
/>);
|
/>);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -134,7 +134,7 @@ const Orchestrator = (obj) => {
|
|||||||
<h3>Orchestrator Info</h3>
|
<h3>Orchestrator Info</h3>
|
||||||
</div>
|
</div>
|
||||||
<div className="rowAlignLeft">
|
<div className="rowAlignLeft">
|
||||||
<p>Click on an orchestrator in the list below!</p>
|
<p>Click on an orchestrator address in the list below!</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
Loading…
x
Reference in New Issue
Block a user