From aeb24aadda30934785436a0501d57e71a69f2708 Mon Sep 17 00:00:00 2001
From: Sebastian Gerske <sebastian.gerske@gmail.com>
Date: Mon, 7 Oct 2019 14:52:05 +0200
Subject: [PATCH] - increased token amount given - made clear which token is
 going to be requested - removed code duplication

---
 client/src/routes/Faucet.tsx | 25 ++++++++-----------------
 1 file changed, 8 insertions(+), 17 deletions(-)

diff --git a/client/src/routes/Faucet.tsx b/client/src/routes/Faucet.tsx
index 49e78b8..b3bad69 100644
--- a/client/src/routes/Faucet.tsx
+++ b/client/src/routes/Faucet.tsx
@@ -31,7 +31,7 @@ class Faucet extends PureComponent<{}, FaucetState> {
         const { ocean } = this.context
         const accounts = await ocean.accounts.list()
         const account = accounts[0]
-        await ocean.accounts.requestTokens(account, 10)
+        await ocean.accounts.requestTokens(account, 100)
     }
 
     private getEther = async (
@@ -123,7 +123,7 @@ class Faucet extends PureComponent<{}, FaucetState> {
                 disabled={!this.context.isLogged}
                 name="FaucetTokens"
             >
-                Request Tokens
+                Request OCEAN Tokens
             </Button>
             <p>You can request tokens every once in a while.</p>
         </>
@@ -151,23 +151,14 @@ class Faucet extends PureComponent<{}, FaucetState> {
                                 ) : success ? (
                                     <this.Success />
                                 ) : (
-                                    isLogged && <this.GetEther />
+                                    <>
+                                        {isLogged && <this.GetEther />}
+                                        {isLogged && showRequestTokens && (
+                                            <this.GetTokens />
+                                        )}
+                                    </>
                                 )}
                             </div>
-
-                            {showRequestTokens ? (
-                                <div className={styles.action}>
-                                    {isLoading ? (
-                                        <Spinner message="Getting Tokens..." />
-                                    ) : error ? (
-                                        <this.Error />
-                                    ) : success ? (
-                                        <this.Success />
-                                    ) : (
-                                        isLogged && <this.GetTokens />
-                                    )}
-                                </div>
-                            ) : null}
                         </Content>
                     </Route>
                 )}