link up transaction IDs with submarine, support pacific too

client/src/components/molecules/VersionNumbers/VersionTable.tsx

@@ -14,22 +14,28 @@ const VersionTableContracts = ({
     <table>
         <tbody>
             {contracts &&
-                Object.keys(contracts).map(key => (
+                Object.keys(contracts).map(key => {
+                    const submarineLink = `https://submarine${
+                        network === 'duero'
+                            ? '.duero'
+                            : network === 'pacific'
+                            ? '.pacific'
+                            : ''
+                    }.dev-ocean.com/address/${contracts[key]}`
+
+                    return (
                         <tr key={key}>
                             <td>
                                 <span className={styles.label}>{key}</span>
                             </td>
                             <td>
-                            <a
+                                <a href={submarineLink}>
-                                href={`https://submarine${
-                                    network === 'duero' ? '.duero' : ''
-                                }.dev-ocean.com/address/${contracts[key]}`}
-                            >
                                     <code>{contracts[key]}</code>
                                 </a>
                             </td>
                         </tr>
-                ))}
+                    )
+                })}
         </tbody>
     </table>
 )

client/src/routes/Faucet.tsx

@@ -16,6 +16,8 @@ interface FaucetState {
 }
 
 export default class Faucet extends PureComponent<{}, FaucetState> {
+    public static contextType = User
+
     public state = {
         isLoading: false,
         success: undefined,
@@ -59,15 +61,31 @@ export default class Faucet extends PureComponent<{}, FaucetState> {
         })
     }
 
-    private Success = () => (
+    private Success = () => {
+        const { network } = this.context
+        const { trxHash } = this.state
+
+        const submarineLink = `https://submarine${
+            network === 'Duero'
+                ? '.duero'
+                : network === 'Pacific'
+                ? '.pacific'
+                : ''
+        }.dev-ocean.com/tx/${trxHash}`
+
+        return (
             <div className={styles.success}>
                 <strong>{this.state.success}</strong>
                 <p>
                     <strong>Your Transaction Hash</strong>
-                <code>{this.state.trxHash}</code>
+
+                    <a href={submarineLink}>
+                        <code>{trxHash}</code>
+                    </a>
                 </p>
             </div>
         )
+    }
 
     private Error = () => (
         <div className={styles.error}>