Fix premature error when approving CAP for staking

src/api/assets.js

@@ -71,6 +71,10 @@ export async function approveAsset(assetLabel, spenderName) {
 			return true;
 		}
 	} catch(e) {
+		if (e && e.code === 'ACTION_REJECTED' || e && e.code === 4001) {
+			// User rejected the wallet confirmation — not an error
+			return false;
+		}
 		showError(e);
 	}
 }

src/components/modals/EditMargin.svelte

@@ -52,7 +52,8 @@
 		}, 50);
 	}
 
-	let funding = data.funding || 0;
+		let funding = data.funding || 0;
+	let currentLiqPrice = data.position.liqprice;
 	let newLiqPrice = data.position.liqprice;
 	let newMargin = 0;
 	function calculateNewLiquidationPrice(marginDelta, mode) {
@@ -151,6 +152,10 @@
 				<Input label={`${selected} ${data.position.asset}`} bind:value={margin} />
 			</div>
 
+			<div class='row'>
+				<LabelValue label='Current Liq. Price' value={`${formatForDisplay(currentLiqPrice) || "-"}`} />
+			</div>
+
 			<div class='row'>
 				<LabelValue label='New Liq. Price' value={`${formatForDisplay(newLiqPrice) || "-"}`} />
 			</div>

src/components/modals/StakeCAP.svelte

@@ -14,6 +14,7 @@
 	import LabelValue from '../layout/LabelValue.svelte'
 
 	let amount, isSubmitting, walletBalance = "0.0";
+	let isApproving = false;
 
 	$: formattedWalletBalance = formatCAPForDisplay(walletBalance);
 
@@ -35,7 +36,9 @@
 	}
 
 	async function _approveAsset() {
+		isApproving = true;
 		const result = await approveAsset('CAP', 'FundStore');
+		isApproving = false;
 	}
 
 	async function getBalance() {
@@ -75,7 +78,7 @@
 
 			<div>
 				{#if $allowances['CAP']?.['FundStore'] * 1 <= amount * 1}
-				<Button noSubmit={true} label={`Approve CAP`} on:click={_approveAsset} />
+				<Button noSubmit={true} isLoading={isApproving} label={`Approve CAP`} on:click={_approveAsset} />
 				{:else}
 				<Button isLoading={isSubmitting} label={`Stake`} />
 				{/if}