From d77e184d6aee32aa1ecfbbdaeec39d8f7d70f4b5 Mon Sep 17 00:00:00 2001
From: Vojtech Simetka <vojtech@simetka.cz>
Date: Fri, 23 Apr 2021 11:35:01 +0200
Subject: [PATCH] fix: changed chequebook troubleshooting to be more in line
 with recommended path (#77)

* fix: changed chequebook troubleshooting to be more in line with recommended path

* chore: addressed PR reviews
---
 src/pages/status/NodeSetupWorkflow.tsx        |  2 +-
 .../SetupSteps/ChequebookDeployFund.tsx       | 25 +++++++++++--------
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/pages/status/NodeSetupWorkflow.tsx b/src/pages/status/NodeSetupWorkflow.tsx
index f3cb4ce..ec81ce5 100644
--- a/src/pages/status/NodeSetupWorkflow.tsx
+++ b/src/pages/status/NodeSetupWorkflow.tsx
@@ -76,7 +76,7 @@ export default function NodeSetupWorkflow({
       label: 'Deployed and Funded Chequebook',
       condition: chequebook.isOk,
       isLoading: chequebook.isLoading,
-      component: <ChequebookDeployFund {...chequebook} />,
+      component: <ChequebookDeployFund ethereumAddress={ethereumConnection.nodeAddresses?.ethereum} {...chequebook} />,
     },
     {
       label: 'Connected to Node API',
diff --git a/src/pages/status/SetupSteps/ChequebookDeployFund.tsx b/src/pages/status/SetupSteps/ChequebookDeployFund.tsx
index ef28b58..2a0804e 100644
--- a/src/pages/status/SetupSteps/ChequebookDeployFund.tsx
+++ b/src/pages/status/SetupSteps/ChequebookDeployFund.tsx
@@ -1,12 +1,18 @@
 import { Typography } from '@material-ui/core/'
 import EthereumAddress from '../../../components/EthereumAddress'
 import DepositModal from '../../../containers/DepositModal'
-import CodeBlockTabs from '../../../components/CodeBlockTabs'
 import type { ReactElement } from 'react'
 
-type Props = StatusChequebookHook
+interface Props extends StatusChequebookHook {
+  ethereumAddress?: string
+}
 
-const ChequebookDeployFund = ({ isLoading, chequebookAddress, chequebookBalance }: Props): ReactElement | null => {
+const ChequebookDeployFund = ({
+  isLoading,
+  chequebookAddress,
+  chequebookBalance,
+  ethereumAddress,
+}: Props): ReactElement | null => {
   if (isLoading) return null
 
   return (
@@ -15,17 +21,14 @@ const ChequebookDeployFund = ({ isLoading, chequebookAddress, chequebookBalance
         {chequebookAddress?.chequebookaddress && <DepositModal />}
       </p>
       <div style={{ marginBottom: '10px' }}>
-        {!(chequebookAddress?.chequebookaddress && chequebookBalance && chequebookBalance?.totalBalance > 0) && (
+        {!(chequebookAddress?.chequebookaddress && chequebookBalance?.totalBalance > 0) && (
           <div>
             <span>
-              Your chequebook is either not deployed or funded. Run the below commands to get your address and deposit
-              ETH. Then visit the BZZaar here{' '}
-              <Typography variant="button">
-                https://bzz.ethswarm.org/?transaction=buy&amount=10&slippage=30&receiver=[ENTER_ADDRESS_HERE]
-              </Typography>{' '}
-              to get BZZ
+              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.
             </span>
-            <CodeBlockTabs showLineNumbers linux={`bee-get-addr`} mac={`bee-get-addr`} />
           </div>
         )}
       </div>