From 14c661a09683018a9cab2e53de677c6f58e946d3 Mon Sep 17 00:00:00 2001
From: apporc <appleorchard2000@gmail.com>
Date: Tue, 25 Jun 2024 15:10:36 +0800
Subject: [PATCH] Add placeholder

---
 src/pages/earn/step/bootstrap.svelte | 2 +-
 src/pages/earn/step/stake.svelte     | 6 +++---
 src/pages/earn/step/unstake.svelte   | 6 +++---
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/pages/earn/step/bootstrap.svelte b/src/pages/earn/step/bootstrap.svelte
index 7a91a32e..a8e4d548 100644
--- a/src/pages/earn/step/bootstrap.svelte
+++ b/src/pages/earn/step/bootstrap.svelte
@@ -100,7 +100,7 @@
                     focus
                     fluid
                     name="amount"
-                    placeholder={amount}
+                    placeholder={`Enter amount of tokens`}
                     balance={availableTokens}
                     on:changed={onAmountChanged}
                 />
diff --git a/src/pages/earn/step/stake.svelte b/src/pages/earn/step/stake.svelte
index 2dda38fe..bd659c1c 100644
--- a/src/pages/earn/step/stake.svelte
+++ b/src/pages/earn/step/stake.svelte
@@ -83,7 +83,7 @@
         <ProgressBar step={1} />
     </div>
     <div class="middle-section">
-        <Form>
+        <Form on:submit={onConfirm}>
             <InputLabel>amount to stake</InputLabel>
             <div class="token-selector">
                 <TokenSelector defaultToken={token} {tokenOptions} onTokenSelect={() => {}} />
@@ -95,7 +95,7 @@
                 focus
                 fluid
                 name="amount"
-                placeholder={amount}
+                placeholder={`Enter amount of tokens`}
                 balance={availableTokens}
                 on:changed={onAmountChanged}
             />
@@ -106,7 +106,7 @@
             fluid
             style="primary"
             size="large"
-            disabled={false}
+            disabled={!amountValid}
             formValidation
             on:action={onConfirm}
         >
diff --git a/src/pages/earn/step/unstake.svelte b/src/pages/earn/step/unstake.svelte
index ff6378a2..586f4153 100644
--- a/src/pages/earn/step/unstake.svelte
+++ b/src/pages/earn/step/unstake.svelte
@@ -88,7 +88,7 @@
         <ProgressBar step={1} />
     </div>
     <div class="middle-section">
-        <Form>
+        <Form on:submit={onConfirm}>
             <InputLabel>amount to unstake</InputLabel>
             <div class="token-selector">
                 <TokenSelector
@@ -105,7 +105,7 @@
                 focus
                 fluid
                 name="amount"
-                placeholder={amount}
+                placeholder={`Enter amount of tokens`}
                 balance={availableTokens}
                 on:changed={onAmountChanged}
             />
@@ -116,7 +116,7 @@
             fluid
             style="primary"
             size="large"
-            disabled={false}
+            disabled={!amountValid}
             formValidation
             on:action={onConfirm}
         >