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 || 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 (

View File

@ -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}
/>); />);
} }
} }

View File

@ -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>
) )