fix: use correct value for vault capacity indicator (#1465)

* fix: use correct value for vault capacity indicator * fix: capacity ratio when there are no backed tokens
interlay · Jul 19, 2023 · 488434f · 488434f · vercel · Jul 19, 2023
1 parent 013f0e0
commit 488434f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/pages/Vaults/Vault/VaultDashboard.tsx b/src/pages/Vaults/Vault/VaultDashboard.tsx
@@ -57,7 +57,7 @@ const VaultDashboard = (): JSX.Element => {
     <ProgressCircle
       aria-label='BTC remaining capacity'
       diameter='65'
-      value={(1 - Number(vault.remainingCapacity.ratio)) * 100}
+      value={100 - Number(vault.remainingCapacity.ratio)}
     />
   );
 

diff --git a/src/utils/hooks/api/vaults/get-vault-data.ts b/src/utils/hooks/api/vaults/get-vault-data.ts
@@ -67,12 +67,13 @@ interface VaultData {
   };
 }
 
+// note: returns percentage, so range is 0-100
 const getRemainingCapacity = (issuableTokens: Big, vaultExt: VaultExt): number => {
   if (!issuableTokens.gt(0)) return 0;
 
   const backedTokens = vaultExt.getBackedTokens().toBig();
 
-  if (!backedTokens.gt(0)) return 1;
+  if (!backedTokens.gt(0)) return 100;
 
   const totalTokens = issuableTokens.add(backedTokens);