feat: updated troubleshooting instructions and links for mainnet (#161)

src/components/CashoutModal.tsx

@@ -40,7 +40,7 @@ export default function DepositModal({ peerId, uncashedAmount }: Props): ReactEl
           enqueueSnackbar(
             <span>
               Successfully cashed out cheque. Transaction
-              <EthereumAddress hideBlockie transaction address={res} network={'goerli'} />
+              <EthereumAddress hideBlockie transaction address={res} />
             </span>,
             { variant: 'success' },
           )

src/components/EthereumAddress.tsx

@@ -7,7 +7,6 @@ import { ReactElement } from 'react'
 
 interface Props {
   address: string | undefined
-  network?: string
   hideBlockie?: boolean
   transaction?: boolean
   truncate?: boolean
@@ -37,9 +36,9 @@ export default function EthereumAddress(props: Props): ReactElement {
                     }
                   : { marginRight: '7px' }
               }
-              href={`https://${props.network}.${process.env.REACT_APP_ETHERSCAN_HOST}/${
-                props.transaction ? 'tx' : 'address'
-              }/${props.address}`}
+              href={`${process.env.REACT_APP_BLOCKCHAIN_EXPLORER_URL}/${props.transaction ? 'tx' : 'address'}/${
+                props.address
+              }`}
               target="_blank"
               rel="noreferrer"
             >

src/components/EthereumAddressCard.tsx

@@ -1,4 +1,4 @@
-import React, { ReactElement } from 'react'
+import { ReactElement } from 'react'
 
 import { createStyles, makeStyles } from '@material-ui/core/styles'
 import { Card, CardContent, Typography } from '@material-ui/core/'
@@ -49,7 +49,7 @@ function EthereumAddressCard(props: Props): ReactElement {
             <Typography variant="subtitle1" gutterBottom>
               Ethereum Address
             </Typography>
-            <EthereumAddress address={props.nodeAddresses?.ethereum} network={'goerli'} />
+            <EthereumAddress address={props.nodeAddresses?.ethereum} />
           </CardContent>
         </div>
       )}
@@ -64,7 +64,7 @@ function EthereumAddressCard(props: Props): ReactElement {
             <Typography variant="subtitle1" gutterBottom>
               Chequebook Contract Address
             </Typography>
-            <EthereumAddress address={props.chequebookAddress?.chequebookAddress} network={'goerli'} />
+            <EthereumAddress address={props.chequebookAddress?.chequebookAddress} />
           </CardContent>
         </div>
       )}

src/components/NavBar.tsx

@@ -1,7 +1,7 @@
 import { useState, ReactElement } from 'react'
 
 import { createStyles, makeStyles } from '@material-ui/core/styles'
-import { Toolbar, Chip, IconButton } from '@material-ui/core/'
+import { Toolbar, IconButton } from '@material-ui/core/'
 
 import { Sun, Moon } from 'react-feather'
 
@@ -13,7 +13,6 @@ const useStyles = makeStyles(() =>
       width: `calc(100% - ${drawerWidth}px)`,
       marginLeft: drawerWidth,
     },
-    network: {},
   }),
 )
 interface Props {
@@ -42,16 +41,11 @@ export default function SideBar(props: Props): ReactElement {
     <div>
       <div style={{ display: 'fixed' }} className={classes.appBar}>
         <Toolbar style={{ display: 'flex' }}>
-          <Chip style={{ marginLeft: '7px' }} size="small" label="Goerli" className={classes.network} />
           <div style={{ width: '100%' }}>
             <div style={{ float: 'right' }}>
               <IconButton style={{ marginRight: '10px' }} aria-label="dark-mode" onClick={() => switchTheme()}>
                 {props.themeMode === 'dark' ? <Moon /> : <Sun />}
               </IconButton>
-              {/* <Chip 
-              label="Connect Wallet"
-              color="primary"
-              /> */}
             </div>
           </div>
         </Toolbar>

src/pages/status/SetupSteps/ChequebookDeployFund.tsx

@@ -8,12 +8,7 @@ interface Props extends StatusChequebookHook {
   ethereumAddress?: string
 }
 
-const ChequebookDeployFund = ({
-  isLoading,
-  chequebookAddress,
-  chequebookBalance,
-  ethereumAddress,
-}: Props): ReactElement | null => {
+const ChequebookDeployFund = ({ isLoading, chequebookAddress, chequebookBalance }: Props): ReactElement | null => {
   if (isLoading) return null
 
   return (
@@ -25,10 +20,12 @@ const ChequebookDeployFund = ({
         {!(chequebookAddress?.chequebookAddress && chequebookBalance?.totalBalance.toBigNumber.isGreaterThan(0)) && (
           <div>
             <span>
-              Your chequebook is either not deployed or funded. Join{' '}
-              <a href="https://discord.gg/ykCupZMuww">our discord channel</a>, get verified and send a message{' '}
-              <pre>sprinkle {ethereumAddress || '<YOUR BEE NODE ETH ADDRESS>'}</pre> in the <pre>#faucet-request</pre>{' '}
-              channel to get Goerli ETH and Goerli BZZ token.
+              Your chequebook is either not deployed or funded. To run the node you will need xDAI and xBZZ on the xDai
+              network. You may need to aquire BZZ through (e.g. <a href="https://bzz.exchange/">bzz.exchange</a>) and
+              bridge it to the xDai network through the <a href="https://omni.xdaichain.com/bridge">omni bridge</a>. To
+              pay the transaction fees, you will also need xDAI token. You can purchase DAI on the network and bridge it
+              to xDai network through the <a href="https://bridge.xdaichain.com/">xDai Bridge</a>. See the{' '}
+              <a href="https://www.xdaichain.com/#xdai-stable-chain">official xDai website</a> for more information.
             </span>
           </div>
         )}
@@ -36,7 +33,7 @@ const ChequebookDeployFund = ({
       <Typography variant="subtitle1" gutterBottom>
         Chequebook Address
       </Typography>
-      <EthereumAddress address={chequebookAddress?.chequebookAddress} network={'goerli'} />
+      <EthereumAddress address={chequebookAddress?.chequebookAddress} />
     </div>
   )
 }

src/pages/status/SetupSteps/EthereumConnectionCheck.tsx

@@ -13,28 +13,24 @@ export default function EthereumConnectionCheck({ isLoading, isOk, nodeAddresses
         <Typography variant="subtitle1" gutterBottom>
           Node Address
         </Typography>
-        <EthereumAddress address={nodeAddresses?.ethereum} network={'goerli'} />
+        <EthereumAddress address={nodeAddresses?.ethereum} />
       </div>
     )
   }
 
   return (
     <p>
-      Your Bee node must have access to the Ethereum blockchain, so that it can interact and deploy your chequebook
+      Your Bee node must have access to the xDai blockchain, so that it can interact and deploy your chequebook
       contract. You can run{' '}
-      <a href="https://github.com/goerli/testnet" rel="noreferrer" target="_blank">
-        your own Goerli node
+      <a href="https://www.xdaichain.com/" rel="noreferrer" target="_blank">
+        your own xDai node
       </a>
-      , or use a provider such as{' '}
-      <a href="https://rpc.slock.it/goerli" rel="noreferrer" target="_blank">
-        rpc.slock.it/goerli
-      </a>{' '}
-      or{' '}
-      <a href="https://infura.io/" rel="noreferrer" target="_blank">
-        Infura
+      , or use a provider instead - we recommend{' '}
+      <a href="https://getblock.io/" rel="noreferrer" target="_blank">
+        Getblock
       </a>
-      . By default, Bee expects a local Goerli node at http://localhost:8545. To use a provider instead, simply change
-      your <strong>--swap-endpoint</strong> in your configuration file.
+      . By default, Bee expects a local node at http://localhost:8545. To use a provider instead, simply change the{' '}
+      <strong>swap-endpoint</strong> in your configuration file.
     </p>
   )
 }