Return etherscan host in JSON-API 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/components/JobRuns/Details.tsx

@@ -169,7 +169,10 @@ 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={jobRun.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,7 @@ 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/src/serializers/jobRunSerializer.ts

@@ -36,15 +36,20 @@ export const taskRuns = {
   ]
 }
 
-const jobRunsSerializer = (run: JobRun) => {
+const ETHERSCAN_HOST = process.env.ETHERSCAN_HOST || 'ropsten.etherscan.io'
+
+const jobRunSerializer = (run: JobRun) => {
   const opts = {
     attributes: BASE_ATTRIBUTES.concat(['taskRuns']),
     keyForAttribute: 'camelCase',
     chainlinkNode: chainlinkNode,
-    taskRuns: taskRuns
+    taskRuns: taskRuns,
+    meta: {
+      etherscanHost: ETHERSCAN_HOST
+    }
   } as SerializerOptions
 
   return new JSONAPISerializer('job_runs', opts).serialize(run)
 }
 
-export default jobRunsSerializer
+export default jobRunSerializer