added search button

This commit is contained in:
Marco van Dijk 2022-03-06 00:40:24 +01:00
parent 87baf60e4c
commit 3a0dfd0693
3 changed files with 29 additions and 5 deletions

View File

@ -26,14 +26,37 @@ const EventButton = (obj) => {
}
if (obj.eventObj.eventTo || obj.eventObj.eventFrom || obj.eventObj.eventCaller) {
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) {
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) {
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 }}>
{eventFrom}
@ -45,7 +68,6 @@ const EventButton = (obj) => {
let blockNumber;
if (obj.isFirstOfBlock) {
blockNumber = <Block block={obj.isFirstOfBlock} time={obj.time} />
}
return (

View File

@ -164,6 +164,7 @@ const EventViewer = (obj) => {
eventList.push(<EventButton
key={eventObj.transactionHash + unfiltered}
eventObj={eventObj}
setSearchTerm={setSearchTerm}
/>);
} else {
prevBlock = eventObj.transactionBlock;
@ -172,6 +173,7 @@ const EventViewer = (obj) => {
eventObj={eventObj}
isFirstOfBlock={prevBlock}
time={eventObj.transactionTime}
setSearchTerm={setSearchTerm}
/>);
}
}

View File

@ -134,7 +134,7 @@ const Orchestrator = (obj) => {
<h3>Orchestrator Info</h3>
</div>
<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>
)