chore: improved send button text

Author: LesnyRumcajs

e2e/script.js

@@ -113,15 +113,15 @@ const PAGES = [
   },
   {
     path: "/faucet/calibnet_usdfc",
-    buttons: ["Faucet List", "Transaction History", "Send"],
+    buttons: ["Faucet List", "Transaction History", "Claim tUSDFC"],
   },
   {
     path: "/faucet/calibnet",
-    buttons: ["Faucet List", "Transaction History", "Send"],
+    buttons: ["Faucet List", "Transaction History", "Claim tFIL"],
   },
   {
     path: "/faucet/mainnet",
-    buttons: ["Faucet List", "Transaction History", "Send"],
+    buttons: ["Faucet List", "Transaction History", "Claim FIL"],
   },
 ];
 

src/faucet/views/faucets/mod.rs

@@ -32,10 +32,11 @@ fn FaucetInput(faucet: RwSignal<FaucetController>) -> impl IntoView {
                 class="input"
             />
             {move || {
+                let unit = faucet.get().get_unit();
                 if faucet.get().is_send_disabled() {
                     view! {
                         <button class="btn-disabled" disabled=true>
-                            "Sending..."
+                            "Claiming..."
                         </button>
                     }
                         .into_any()
@@ -47,25 +48,17 @@ fn FaucetInput(faucet: RwSignal<FaucetController>) -> impl IntoView {
                         </button>
                     }
                         .into_any()
-                } else if faucet.get().is_low_balance() {
-                    view! {
-                        <button class="btn-disabled" disabled=true>
-                            "Send"
-                        </button>
-                    }
-                        .into_any()
                 } else {
-                    view! {
-                        <button
-                            class="btn-enabled"
-                            on:click=move |_| {
-                                faucet.get().drip();
-                            }
-                        >
-                            Send
-                        </button>
-                    }
-                        .into_any()
+                    let disabled = faucet.get().is_low_balance();
+                    let btn_class = if disabled { "btn-disabled" } else { "btn-enabled" };
+                    let btn_props = if disabled {
+                        view! { <button class=btn_class disabled=true>{format!("Claim {unit}")}</button> }
+                    } else {
+                        view! {
+                            <button class=btn_class on:click=move |_| { faucet.get().drip(); }>{format!("Claim {unit}")}</button>
+                        }
+                    };
+                    btn_props.into_any()
                 }
             }}
         </div>