fetch market network, use it in some places to switch copy, fix faucet button

client/src/components/organisms/Web3message.module.scss

@@ -9,6 +9,10 @@
     padding-top: $spacer / 2;
     padding-bottom: $spacer / 2;
     text-align: left;
+
+    > div:first-child {
+        margin-bottom: $spacer / 2;
+    }
 }
 
 .text {

client/src/context/MarketProvider.tsx

@@ -16,6 +16,7 @@ interface MarketProviderProps {
 interface MarketProviderState {
     totalAssets: number
     categories: string[]
+    network: string
 }
 
 export default class MarketProvider extends PureComponent<
@@ -24,7 +25,8 @@ export default class MarketProvider extends PureComponent<
 > {
     public state = {
         totalAssets: 0,
-        categories
+        categories,
+        network: 'Pacific'
     }
 
     public async componentDidMount() {}
@@ -34,6 +36,7 @@ export default class MarketProvider extends PureComponent<
         // Cause there is no `prevContext`.
         if (prevProps.ocean !== this.props.ocean) {
             await this.getTotalAssets()
+            await this.getMarketNetwork()
         }
     }
 
@@ -56,6 +59,19 @@ export default class MarketProvider extends PureComponent<
         }
     }
 
+    private getMarketNetwork = async () => {
+        try {
+            const { ocean } = this.props
+            // Set desired network to whatever Brizo is running in
+            const brizo = await ocean.brizo.getVersionInfo()
+            const network =
+                brizo.network.charAt(0).toUpperCase() + brizo.network.slice(1)
+            this.setState({ network })
+        } catch (error) {
+            Logger.error('Error', error.message)
+        }
+    }
+
     public render() {
         return (
             <Market.Provider value={this.state}>

client/src/context/index.tsx

@@ -25,4 +25,8 @@ export const User = React.createContext({
     message: ''
 })
 
-export const Market = React.createContext({ totalAssets: 0, categories: [''] })
+export const Market = React.createContext({
+    totalAssets: 0,
+    categories: [''],
+    network: ''
+})

client/src/routes/Faucet.tsx

@@ -3,7 +3,7 @@ import { FaucetResponse } from '../ocean'
 import Route from '../components/templates/Route'
 import Button from '../components/atoms/Button'
 import Spinner from '../components/atoms/Spinner'
-import { User } from '../context'
+import { User, Market } from '../context'
 import Web3message from '../components/organisms/Web3message'
 import styles from './Faucet.module.scss'
 import Content from '../components/atoms/Content'
@@ -112,13 +112,15 @@ export default class Faucet extends PureComponent<{}, FaucetState> {
     )
 
     public render() {
-        const { isWeb3 } = this.context
+        const { isLogged } = this.context
         const { isLoading, error, success } = this.state
 
         return (
+            <Market.Consumer>
+                {market => (
                     <Route
                         title="Faucet"
-                description="Shower yourself with some Ether for Ocean's Pacific network."
+                        description={`Shower yourself with some Ether for Ocean's ${market.network} network.`}
                     >
                         <Content>
                             <Web3message />
@@ -131,11 +133,13 @@ export default class Faucet extends PureComponent<{}, FaucetState> {
                                 ) : success ? (
                                     <this.Success />
                                 ) : (
-                            isWeb3 && <this.Action />
+                                    isLogged && <this.Action />
                                 )}
                             </div>
                         </Content>
                     </Route>
+                )}
+            </Market.Consumer>
         )
     }
 }

client/src/routes/Publish/index.tsx

@@ -3,7 +3,7 @@ import { Logger } from '@oceanprotocol/squid'
 import Route from '../../components/templates/Route'
 import Form from '../../components/atoms/Form/Form'
 import AssetModel from '../../models/AssetModel'
-import { User } from '../../context'
+import { User, Market } from '../../context'
 import Web3message from '../../components/organisms/Web3message'
 import Step from './Step'
 import Progress from './Progress'
@@ -319,13 +319,17 @@ export default class Publish extends Component<{}, PublishState> {
 
     public render() {
         return (
+            <Market.Consumer>
+                {market => (
                     <Route
                         title="Publish"
-                description="Publish a new data set into the Ocean Protocol Network."
+                        description={`Publish a new data set into the Ocean Protocol ${market.network} Network.`}
                     >
                         <Content>
                             {(!this.context.isLogged ||
-                        !this.context.isOceanNetwork) && <Web3message />}
+                                !this.context.isOceanNetwork) && (
+                                <Web3message />
+                            )}
 
                             <Progress
                                 steps={steps}
@@ -354,6 +358,8 @@ export default class Publish extends Component<{}, PublishState> {
                             </Form>
                         </Content>
                     </Route>
+                )}
+            </Market.Consumer>
         )
     }
 }