From 61b2e05f7d081493b4442c809e522f8b59c9b152 Mon Sep 17 00:00:00 2001
From: Jeremy <168515712+jeremy-babylonlabs@users.noreply.github.com>
Date: Fri, 16 Aug 2024 17:09:04 +0800
Subject: [PATCH] Hotfix - clean input after staking and updated title text
 (#78)

* update text explaination and improve input reset logic

* update font weight
---
 package-lock.json                                             | 4 ++--
 package.json                                                  | 2 +-
 .../Staking/FinalityProviders/FinalityProviders.tsx           | 4 +++-
 src/app/components/Staking/Form/StakingAmount.tsx             | 3 +--
 src/app/components/Staking/Staking.tsx                        | 4 +++-
 5 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c7bb927a..2fe56d31 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "simple-staking",
-  "version": "0.2.33",
+  "version": "0.2.34",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "simple-staking",
-      "version": "0.2.33",
+      "version": "0.2.34",
       "dependencies": {
         "@bitcoinerlab/secp256k1": "^1.1.1",
         "@keystonehq/animated-qr": "^0.8.6",
diff --git a/package.json b/package.json
index a3564de8..7d9e8ac2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "simple-staking",
-  "version": "0.2.33",
+  "version": "0.2.34",
   "private": true,
   "scripts": {
     "dev": "next dev",
diff --git a/src/app/components/Staking/FinalityProviders/FinalityProviders.tsx b/src/app/components/Staking/FinalityProviders/FinalityProviders.tsx
index 95e3cd45..879fc989 100644
--- a/src/app/components/Staking/FinalityProviders/FinalityProviders.tsx
+++ b/src/app/components/Staking/FinalityProviders/FinalityProviders.tsx
@@ -31,7 +31,9 @@ export const FinalityProviders: React.FC<FinalityProvidersProps> = ({
 
   return (
     <>
-      <p>Select a finality provider.</p>
+      <p>
+        <strong>Step-1:</strong> Select a finaltiy provider
+      </p>
       <div className="hidden gap-2 px-4 lg:grid lg:grid-cols-stakingFinalityProvidersDesktop">
         <p>Finality Provider</p>
         <p>BTC PK</p>
diff --git a/src/app/components/Staking/Form/StakingAmount.tsx b/src/app/components/Staking/Form/StakingAmount.tsx
index 2ce5d531..9da311e2 100644
--- a/src/app/components/Staking/Form/StakingAmount.tsx
+++ b/src/app/components/Staking/Form/StakingAmount.tsx
@@ -94,7 +94,6 @@ export const StakingAmount: React.FC<StakingAmountProps> = ({
     } else {
       setError("");
       onStakingAmountSatChange(satoshis);
-      setValue(maxDecimals(satoshiToBtc(satoshis), 8).toString());
     }
   }, [
     btcWalletBalanceSat,
@@ -126,7 +125,7 @@ export const StakingAmount: React.FC<StakingAmountProps> = ({
       </div>
       <input
         type="string"
-        className={`no-focus input input-bordered w-full ${error && "input-error"}`}
+        className={`no-focus input input-bordered w-full ${error ? "input-error" : ""}`}
         value={value}
         onChange={handleChange}
         onBlur={handleBlur}
diff --git a/src/app/components/Staking/Staking.tsx b/src/app/components/Staking/Staking.tsx
index 18230b71..ac866c67 100644
--- a/src/app/components/Staking/Staking.tsx
+++ b/src/app/components/Staking/Staking.tsx
@@ -607,7 +607,9 @@ export const Staking: React.FC<StakingProps> = ({
 
       return (
         <>
-          <p>Set up staking terms</p>
+          <p>
+            <strong>Step-2:</strong> Set up staking terms
+          </p>
           <div className="flex flex-1 flex-col">
             <div className="flex flex-1 flex-col">
               <StakingTime