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>