Request faucet top-up on low balance

.github/workflows/deploy.yml

@@ -20,6 +20,7 @@ env:
   RUSTC_WRAPPER: sccache
   CC: sccache clang
   CXX: sccache clang++
+  FAUCET_TOPUP_REQ_URL: '${{ vars.FAUCET_TOPUP_REQ_URL }}'
 
 jobs:
   deploy:

CHANGELOG.md

@@ -29,6 +29,9 @@
 
 ### Added
 
+- [#135] (https://github.com/ChainSafe/forest-explorer/pull/135) Added link to
+  request for faucet top-up which is configurable using github env var.
+
 ### Changed
 
 ### Removed

src/faucet/views.rs

@@ -40,7 +40,11 @@ pub fn Faucet(target_network: Network) -> impl IntoView {
     );
 
     let (fading_messages, set_fading_messages) = signal(HashSet::new());
-
+    let drip_amount = match target_network {
+        Network::Mainnet => crate::constants::MAINNET_DRIP_AMOUNT.clone(),
+        Network::Testnet => crate::constants::CALIBNET_DRIP_AMOUNT.clone(),
+    };
+    let topup_req_url = option_env!("FAUCET_TOPUP_REQ_URL");
     view! {
         {move || {
             let errors = faucet.get().get_error_messages();
@@ -137,6 +141,12 @@ pub fn Faucet(target_network: Network) -> impl IntoView {
                                 {format!("Rate-limited! {duration}s")}
                             </button>
                         }.into_any()
+                    } else if faucet.get().get_faucet_balance() < drip_amount {
+                        view! {
+                            <a href={topup_req_url} target="_blank" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-r">
+                                "Request Faucet Top-up"
+                            </a>
+                        }.into_any()
                     } else {
                         view! {
                             <button