Merge pull request #1276 from smartcontractkit/bugs/runtime-etherscan-host

Use etherscan host from job run metadata

Author: Alex Kwiatkowski

explorer/client/@types/link-stats/index.d.ts

@@ -15,6 +15,7 @@ interface IJobRun {
   createdAt: string
   finishedAt?: string
   chainlinkNode: IChainlinkNode
+  etherscanHost: string
   taskRuns: ITaskRun[]
 }
 

explorer/client/src/__tests__/reducers/config.test.ts

@@ -0,0 +1,33 @@
+import reducer, { IState } from '../../reducers'
+import { Action } from '../../reducers/config'
+
+describe('reducers/config', () => {
+  it('returns an initial state', () => {
+    const action = {} as Action
+    const state = reducer({}, action) as IState
+
+    expect(state.search).toEqual({
+      etherscanHost: undefined
+    })
+  })
+
+  it('can update the search query', () => {
+    const action = {
+      type: 'UPSERT_JOB_RUN',
+      data: {
+        meta: {
+          jobRun: {
+            meta: {
+              etherscanHost: 'ropsten.etherscan.io'
+            }
+          }
+        }
+      }
+    } as Action
+    const state = reducer({}, action) as IState
+
+    expect(state.config).toEqual({
+      etherscanHost: 'ropsten.etherscan.io'
+    })
+  })
+})

explorer/client/src/__tests__/reducers/jobRuns.test.ts

@@ -70,7 +70,12 @@ describe('reducers/jobRuns', () => {
           id: '9b7d791a-9a1f-4c55-a6be-b4231cf9fd4e'
         }
       }
-      const data = { jobRuns: normalizedJobRuns }
+      const data = {
+        jobRuns: normalizedJobRuns,
+        meta: {
+          jobRun: { meta: {} }
+        }
+      }
       const action = { type: 'UPSERT_JOB_RUN', data: data } as JobRunsAction
       const state = reducer(STATE, action) as IState
 

explorer/client/src/__tests__/reducers/jobRunsIndex.test.ts

@@ -53,7 +53,12 @@ describe('reducers/jobRunsIndex', () => {
 
   describe('UPSERT_JOB_RUN', () => {
     it('clears items', () => {
-      const data = { jobRuns: {} }
+      const data = {
+        jobRuns: {},
+        meta: {
+          jobRun: { meta: {} }
+        }
+      }
       const action = { type: 'UPSERT_JOB_RUN', data: data } as JobRunsAction
       const state = reducer(STATE, action) as IState
 

explorer/client/src/actions/jobRuns.ts

@@ -21,7 +21,7 @@ const getJobRuns = (query: Query, page: number, size: number) => {
 const getJobRun = (jobRunId?: string) => {
   return (dispatch: Dispatch<any>) => {
     api.getJobRun(jobRunId).then((r: IJobRun) => {
-      const normalizedData = normalize(r)
+      const normalizedData = normalize(r, { endpoint: 'jobRun' })
       const action: JobRunsAction = {
         type: 'UPSERT_JOB_RUN',
         data: normalizedData

explorer/client/src/components/JobRuns/Details.tsx

@@ -119,9 +119,10 @@ const styles = ({ spacing, palette }: Theme) =>
 
 interface IProps extends WithStyles<typeof styles> {
   jobRun: IJobRun
+  etherscanHost: string
 }
 
-const Details = ({ classes, jobRun }: IProps) => {
+const Details = ({ classes, jobRun, etherscanHost }: IProps) => {
   return (
     <div>
       <Row>
@@ -169,7 +170,7 @@ const Details = ({ classes, jobRun }: IProps) => {
       <Row className={classes.bottomRow}>
         <Key>Tasks</Key>
         <BaseItem sm={12} md={8} className={classes.task}>
-          <TaskRuns taskRuns={jobRun.taskRuns} />
+          <TaskRuns taskRuns={jobRun.taskRuns} etherscanHost={etherscanHost} />
         </BaseItem>
       </Row>
     </div>

explorer/client/src/components/JobRuns/EtherscanLink.tsx

@@ -28,15 +28,15 @@ const styles = ({ palette, spacing }: Theme) =>
 
 interface IProps extends WithStyles<typeof styles> {
   txHash: string
+  host: string
 }
 
-const host = process.env.ETHERSCAN_HOST || 'ropsten.etherscan.io'
-const url = (txHash: string) => `https://${host}/tx/${txHash}`
+const url = (host: string, txHash: string) => `https://${host}/tx/${txHash}`
 
-const Details = ({ classes, txHash }: IProps) => {
+const Details = ({ classes, host, txHash }: IProps) => {
   return (
     <a
-      href={url(txHash)}
+      href={url(host, txHash)}
       target="_blank"
       rel="noopener noreferrer"
       className={classes.link}>

explorer/client/src/components/JobRuns/TaskRuns.tsx

@@ -39,10 +39,11 @@ const styles = ({ spacing, palette }: Theme) =>
   })
 
 interface IProps extends WithStyles<typeof styles> {
+  etherscanHost: string
   taskRuns?: ITaskRun[]
 }
 
-const TaskRuns = ({ taskRuns, classes }: IProps) => {
+const TaskRuns = ({ etherscanHost, taskRuns, classes }: IProps) => {
   return (
     <ul className={classes.container}>
       {taskRuns &&
@@ -60,7 +61,10 @@ const TaskRuns = ({ taskRuns, classes }: IProps) => {
                 </Grid>
                 <Grid item xs={9}>
                   {run.transactionHash && (
-                    <EtherscanLink txHash={run.transactionHash} />
+                    <EtherscanLink
+                      txHash={run.transactionHash}
+                      host={etherscanHost}
+                    />
                   )}
                 </Grid>
               </Grid>

explorer/client/src/containers/JobRuns/Show.tsx

@@ -55,12 +55,13 @@ const styles = ({ spacing, breakpoints }: Theme) =>
 interface IProps extends WithStyles<typeof styles> {
   jobRunId?: string
   jobRun?: IJobRun
+  etherscanHost?: string
   getJobRun: Function
   path: string
 }
 
 const Show = withStyles(styles)(
-  ({ jobRunId, jobRun, getJobRun, classes }: IProps) => {
+  ({ jobRunId, jobRun, getJobRun, classes, etherscanHost }: IProps) => {
     useEffect(() => {
       getJobRun(jobRunId)
     }, [])
@@ -79,7 +80,14 @@ const Show = withStyles(styles)(
 
             <div className={classes.container}>
               <Card className={classes.card}>
-                {jobRun ? <Details jobRun={jobRun} /> : <Loading />}
+                {jobRun && etherscanHost ? (
+                  <Details
+                    jobRun={jobRun}
+                    etherscanHost={etherscanHost.toString()}
+                  />
+                ) : (
+                  <Loading />
+                )}
               </Card>
             </div>
           </Grid>
@@ -103,13 +111,19 @@ const jobRunSelector = (
   }
 }
 
+const etherscanHostSelector = ({ config }: IState) => {
+  return config.etherscanHost
+}
+
 interface IOwnProps {
   jobRunId?: string
 }
 
 const mapStateToProps = (state: IState, { jobRunId }: IOwnProps) => {
   const jobRun = jobRunSelector(state, jobRunId)
-  return { jobRun }
+  const etherscanHost = etherscanHostSelector(state)
+
+  return { jobRun, etherscanHost }
 }
 
 const mapDispatchToProps = (dispatch: Dispatch<any>) =>

explorer/client/src/reducers.ts

@@ -1,4 +1,5 @@
 import { combineReducers } from 'redux'
+import config, { IState as IConfigState } from './reducers/config'
 import search, { IState as ISearchState } from './reducers/search'
 import jobRuns, { IState as IJobRunsState } from './reducers/jobRuns'
 import taskRuns, { IState as ITaskRunsState } from './reducers/taskRuns'
@@ -10,6 +11,7 @@ import jobRunsIndex, {
 } from './reducers/jobRunsIndex'
 
 export interface IState {
+  config: IConfigState
   chainlinkNodes: IChainlinkNodesState
   jobRuns: IJobRunsState
   taskRuns: ITaskRunsState
@@ -18,6 +20,7 @@ export interface IState {
 }
 
 const reducer = combineReducers({
+  config,
   chainlinkNodes,
   jobRuns,
   taskRuns,