Update placeholder of BalanceInput

ringecosystem · May 9, 2024 · 1d04f06 · 1d04f06
1 parent 186b74f
commit 1d04f06
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/components/balance-input.tsx b/src/components/balance-input.tsx
@@ -46,7 +46,7 @@ export default function BalanceInput({
 
   const _placeholder = useMemo(() => {
     if (balance && asset) {
-      return `Balance ${formatBalance(balance, asset.decimals)}`;
+      return `Available balance ${formatBalance(balance, asset.decimals)}`;
     }
     return placeholder ?? "Enter an amount";
   }, [balance, asset, placeholder]);

diff --git a/src/components/transfer.tsx b/src/components/transfer.tsx
@@ -300,7 +300,12 @@ export default function Transfer() {
         extra={<ChainSelect value={targetChain} options={targetChainOptions} onChange={_setTargetChain} />}
         className="border-radius mt-3 border border-transparent"
       >
-        <BalanceInput disabled asset={targetAsset} balance={targetBalance?.asset.value} placeholder="Balance 0" />
+        <BalanceInput
+          disabled
+          asset={targetAsset}
+          balance={targetBalance?.asset.value}
+          placeholder="Available balance 0"
+        />
       </TransferSection>
 
       {/* Send */}