From 305e050391aaf782bdee6f4b6dc1c7dd2099cb8f Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 13 Jun 2019 16:35:41 +0200
Subject: [PATCH 1/5] move version number components to Molecules

---
 .../VersionNumbers/VersionTable.module.scss                     | 2 +-
 .../{atoms => molecules}/VersionNumbers/VersionTable.tsx        | 2 +-
 .../{atoms => molecules}/VersionNumbers/index.module.scss       | 0
 .../{atoms => molecules}/VersionNumbers/index.test.tsx          | 0
 .../components/{atoms => molecules}/VersionNumbers/index.tsx    | 0
 .../{atoms => molecules}/VersionNumbers/utils.test.ts           | 0
 .../src/components/{atoms => molecules}/VersionNumbers/utils.ts | 0
 client/src/components/organisms/Footer.tsx                      | 2 +-
 client/src/routes/About.tsx                                     | 2 +-
 9 files changed, 4 insertions(+), 4 deletions(-)
 rename client/src/components/{atoms => molecules}/VersionNumbers/VersionTable.module.scss (93%)
 rename client/src/components/{atoms => molecules}/VersionNumbers/VersionTable.tsx (98%)
 rename client/src/components/{atoms => molecules}/VersionNumbers/index.module.scss (100%)
 rename client/src/components/{atoms => molecules}/VersionNumbers/index.test.tsx (100%)
 rename client/src/components/{atoms => molecules}/VersionNumbers/index.tsx (100%)
 rename client/src/components/{atoms => molecules}/VersionNumbers/utils.test.ts (100%)
 rename client/src/components/{atoms => molecules}/VersionNumbers/utils.ts (100%)

diff --git a/client/src/components/atoms/VersionNumbers/VersionTable.module.scss b/client/src/components/molecules/VersionNumbers/VersionTable.module.scss
similarity index 93%
rename from client/src/components/atoms/VersionNumbers/VersionTable.module.scss
rename to client/src/components/molecules/VersionNumbers/VersionTable.module.scss
index 06f9b2e..348288e 100644
--- a/client/src/components/atoms/VersionNumbers/VersionTable.module.scss
+++ b/client/src/components/molecules/VersionNumbers/VersionTable.module.scss
@@ -54,6 +54,6 @@
 }
 
 .spinner {
-    composes: spinner, small from '../Spinner.module.scss';
+    composes: spinner, small from '../../atoms/Spinner.module.scss';
     margin-right: $spacer;
 }
diff --git a/client/src/components/atoms/VersionNumbers/VersionTable.tsx b/client/src/components/molecules/VersionNumbers/VersionTable.tsx
similarity index 98%
rename from client/src/components/atoms/VersionNumbers/VersionTable.tsx
rename to client/src/components/molecules/VersionNumbers/VersionTable.tsx
index fcab197..d7a3470 100644
--- a/client/src/components/atoms/VersionNumbers/VersionTable.tsx
+++ b/client/src/components/molecules/VersionNumbers/VersionTable.tsx
@@ -2,7 +2,7 @@ import React, { Fragment } from 'react'
 import { VersionNumbersState as VersionTableProps } from '.'
 import styles from './VersionTable.module.scss'
 import slugify from '@sindresorhus/slugify'
-import Spinner from '../Spinner'
+import Spinner from '../../atoms/Spinner'
 
 const VersionTableContracts = ({
     contracts,
diff --git a/client/src/components/atoms/VersionNumbers/index.module.scss b/client/src/components/molecules/VersionNumbers/index.module.scss
similarity index 100%
rename from client/src/components/atoms/VersionNumbers/index.module.scss
rename to client/src/components/molecules/VersionNumbers/index.module.scss
diff --git a/client/src/components/atoms/VersionNumbers/index.test.tsx b/client/src/components/molecules/VersionNumbers/index.test.tsx
similarity index 100%
rename from client/src/components/atoms/VersionNumbers/index.test.tsx
rename to client/src/components/molecules/VersionNumbers/index.test.tsx
diff --git a/client/src/components/atoms/VersionNumbers/index.tsx b/client/src/components/molecules/VersionNumbers/index.tsx
similarity index 100%
rename from client/src/components/atoms/VersionNumbers/index.tsx
rename to client/src/components/molecules/VersionNumbers/index.tsx
diff --git a/client/src/components/atoms/VersionNumbers/utils.test.ts b/client/src/components/molecules/VersionNumbers/utils.test.ts
similarity index 100%
rename from client/src/components/atoms/VersionNumbers/utils.test.ts
rename to client/src/components/molecules/VersionNumbers/utils.test.ts
diff --git a/client/src/components/atoms/VersionNumbers/utils.ts b/client/src/components/molecules/VersionNumbers/utils.ts
similarity index 100%
rename from client/src/components/atoms/VersionNumbers/utils.ts
rename to client/src/components/molecules/VersionNumbers/utils.ts
diff --git a/client/src/components/organisms/Footer.tsx b/client/src/components/organisms/Footer.tsx
index bbfcfd4..8e54a22 100644
--- a/client/src/components/organisms/Footer.tsx
+++ b/client/src/components/organisms/Footer.tsx
@@ -5,7 +5,7 @@ import { ReactComponent as AiCommons } from '../../img/aicommons.svg'
 import styles from './Footer.module.scss'
 
 import meta from '../../data/meta.json'
-import VersionNumbers from '../atoms/VersionNumbers'
+import VersionNumbers from '../molecules/VersionNumbers'
 
 const Footer = () => (
     <footer className={styles.footer}>
diff --git a/client/src/routes/About.tsx b/client/src/routes/About.tsx
index 512ef34..10403df 100644
--- a/client/src/routes/About.tsx
+++ b/client/src/routes/About.tsx
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import Route from '../components/templates/Route'
 import Content from '../components/atoms/Content'
-import VersionNumbers from '../components/atoms/VersionNumbers'
+import VersionNumbers from '../components/molecules/VersionNumbers'
 
 class About extends Component {
     public render() {

From 01d5bf703d401c6c6409b46aca25edaa3cdbfdb3 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 13 Jun 2019 16:37:20 +0200
Subject: [PATCH 2/5] fix Nile submarine links

* specifically return empty string
---
 .../components/molecules/VersionNumbers/VersionTable.tsx   | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/client/src/components/molecules/VersionNumbers/VersionTable.tsx b/client/src/components/molecules/VersionNumbers/VersionTable.tsx
index d7a3470..e84a361 100644
--- a/client/src/components/molecules/VersionNumbers/VersionTable.tsx
+++ b/client/src/components/molecules/VersionNumbers/VersionTable.tsx
@@ -21,10 +21,9 @@ const VersionTableContracts = ({
                         </td>
                         <td>
                             <a
-                                href={`https://submarine${network === 'duero' &&
-                                    '.duero'}.dev-ocean.com/address/${
-                                    contracts[key]
-                                }`}
+                                href={`https://submarine${
+                                    network === 'duero' ? '.duero' : ''
+                                }.dev-ocean.com/address/${contracts[key]}`}
                             >
                                 <code>{contracts[key]}</code>
                             </a>

From 97d6c2756ed31f90f960dae21b8889d61232cd09 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 13 Jun 2019 16:43:47 +0200
Subject: [PATCH 3/5] link up transaction IDs with submarine, support pacific
 too

---
 .../molecules/VersionNumbers/VersionTable.tsx | 38 +++++++++++--------
 client/src/routes/Faucet.tsx                  | 36 +++++++++++++-----
 2 files changed, 49 insertions(+), 25 deletions(-)

diff --git a/client/src/components/molecules/VersionNumbers/VersionTable.tsx b/client/src/components/molecules/VersionNumbers/VersionTable.tsx
index e84a361..20b8f58 100644
--- a/client/src/components/molecules/VersionNumbers/VersionTable.tsx
+++ b/client/src/components/molecules/VersionNumbers/VersionTable.tsx
@@ -14,22 +14,28 @@ const VersionTableContracts = ({
     <table>
         <tbody>
             {contracts &&
-                Object.keys(contracts).map(key => (
-                    <tr key={key}>
-                        <td>
-                            <span className={styles.label}>{key}</span>
-                        </td>
-                        <td>
-                            <a
-                                href={`https://submarine${
-                                    network === 'duero' ? '.duero' : ''
-                                }.dev-ocean.com/address/${contracts[key]}`}
-                            >
-                                <code>{contracts[key]}</code>
-                            </a>
-                        </td>
-                    </tr>
-                ))}
+                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 href={submarineLink}>
+                                    <code>{contracts[key]}</code>
+                                </a>
+                            </td>
+                        </tr>
+                    )
+                })}
         </tbody>
     </table>
 )
diff --git a/client/src/routes/Faucet.tsx b/client/src/routes/Faucet.tsx
index fd97dba..bed7633 100644
--- a/client/src/routes/Faucet.tsx
+++ b/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 = () => (
-        <div className={styles.success}>
-            <strong>{this.state.success}</strong>
-            <p>
-                <strong>Your Transaction Hash</strong>
-                <code>{this.state.trxHash}</code>
-            </p>
-        </div>
-    )
+    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>
+
+                    <a href={submarineLink}>
+                        <code>{trxHash}</code>
+                    </a>
+                </p>
+            </div>
+        )
+    }
 
     private Error = () => (
         <div className={styles.error}>

From 46e6d890572066cf33e336966b28e7b4b7fdf21f Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 13 Jun 2019 16:59:28 +0200
Subject: [PATCH 4/5] add support for Pacific network

---
 client/src/context/UserProvider.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/client/src/context/UserProvider.tsx b/client/src/context/UserProvider.tsx
index 8f37933..60d5c03 100644
--- a/client/src/context/UserProvider.tsx
+++ b/client/src/context/UserProvider.tsx
@@ -153,13 +153,16 @@ export default class UserProvider extends PureComponent<{}, UserProviderState> {
                 await window.web3.eth.net.getId((err, netId) => {
                     if (err) return
 
+                    const isPacific = netId === 0xcea11
                     const isNile = netId === 8995
                     const isDuero = netId === 2199
                     const isSpree = netId === 8996
 
-                    isOceanNetwork = isNile || isDuero || isSpree
+                    isOceanNetwork = isPacific || isNile || isDuero || isSpree
 
-                    const network = isNile
+                    const network = isPacific
+                        ? 'Pacific'
+                        : isNile
                         ? 'Nile'
                         : isDuero
                         ? 'Duero'
@@ -255,10 +258,11 @@ export default class UserProvider extends PureComponent<{}, UserProviderState> {
 
         if (isWeb3) {
             const network = await ocean.keeper.getNetworkName()
+            const isPacific = network === 'Pacific'
             const isNile = network === 'Nile'
             const isDuero = network === 'Duero'
             const isSpree = network === 'Spree'
-            const isOceanNetwork = isNile || isDuero || isSpree
+            const isOceanNetwork = isPacific || isNile || isDuero || isSpree
 
             network !== this.state.network &&
                 this.setState({ isOceanNetwork, network })

From 6f7edfa30f3b188e87cbce3c2404db313920e305 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Fri, 14 Jun 2019 12:31:29 +0200
Subject: [PATCH 5/5] link version numbers to release pages

---
 .../molecules/VersionNumbers/VersionTable.tsx | 44 ++++++++++++++-----
 client/src/routes/Faucet.module.scss          |  7 +++
 2 files changed, 41 insertions(+), 10 deletions(-)

diff --git a/client/src/components/molecules/VersionNumbers/VersionTable.tsx b/client/src/components/molecules/VersionNumbers/VersionTable.tsx
index 20b8f58..b9c05be 100644
--- a/client/src/components/molecules/VersionNumbers/VersionTable.tsx
+++ b/client/src/components/molecules/VersionNumbers/VersionTable.tsx
@@ -40,6 +40,34 @@ const VersionTableContracts = ({
     </table>
 )
 
+const VersionNumber = ({
+    isLoading,
+    software,
+    version,
+    network
+}: {
+    isLoading: boolean
+    software: string
+    version: string
+    network: string
+}) =>
+    isLoading ? (
+        <Spinner small className={styles.spinner} />
+    ) : version ? (
+        <>
+            <a
+                href={`https://github.com/oceanprotocol/${slugify(
+                    software
+                )}/releases/tag/v${version}`}
+            >
+                <code>v{version}</code>
+            </a>
+            {network && `(${network})`}
+        </>
+    ) : (
+        <span>Could not get version</span>
+    )
+
 const VersionTable = ({ data }: { data: VersionTableProps }) => (
     <div className={styles.tableWrap}>
         <table className={styles.table}>
@@ -60,16 +88,12 @@ const VersionTable = ({ data }: { data: VersionTableProps }) => (
                                 </a>
                             </td>
                             <td>
-                                {value.isLoading ? (
-                                    <Spinner small className={styles.spinner} />
-                                ) : value.version ? (
-                                    <>
-                                        <code>v{value.version}</code>
-                                        {value.network && `(${value.network})`}
-                                    </>
-                                ) : (
-                                    'Could not get version'
-                                )}
+                                <VersionNumber
+                                    isLoading={value.isLoading}
+                                    software={value.software}
+                                    version={value.version}
+                                    network={value.network}
+                                />
                             </td>
                         </tr>
                         {key === 'keeperContracts' && data.brizo.contracts && (
diff --git a/client/src/routes/Faucet.module.scss b/client/src/routes/Faucet.module.scss
index d407fdb..c09811c 100644
--- a/client/src/routes/Faucet.module.scss
+++ b/client/src/routes/Faucet.module.scss
@@ -25,6 +25,13 @@
         overflow-wrap: break-word;
         display: inline;
     }
+
+    a:hover,
+    a:focus {
+        code {
+            color: inherit;
+        }
+    }
 }
 
 .error {