From 520634dda03e242238243035948158372f3d0c37 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Thu, 23 Feb 2023 02:27:36 -0800
Subject: subtract fee toggle

---
 .../send/bitcoin/[address]/[...amount]/+page.svelte    | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/routes/(app)/send/bitcoin/[address]/[...amount]/+page.svelte b/src/routes/(app)/send/bitcoin/[address]/[...amount]/+page.svelte
index d283ae7f..0a6733de 100644
--- a/src/routes/(app)/send/bitcoin/[address]/[...amount]/+page.svelte
+++ b/src/routes/(app)/send/bitcoin/[address]/[...amount]/+page.svelte
@@ -2,7 +2,7 @@
 	import { tick } from 'svelte';
 	import { t } from '$lib/translations';
 	import { enhance } from '$app/forms';
-	import { Slider, Icon, Numpad, Spinner } from '$comp';
+	import { Toggle, Slider, Icon, Numpad, Spinner } from '$comp';
 	import { page } from '$app/stores';
 	import { fiat as af, f, back, s, sat } from '$lib/utils';
 	import { pin, selectedRate } from '$lib/store';
@@ -12,7 +12,7 @@
 
 	let { address, amount } = $page.params;
 	let { balance, currency } = data.user;
-	let loading, submit, fiat, confirmed, feeRate, min, max, fee, stale;
+	let loading, submit, fiat, confirmed, feeRate, min, max, fee, stale, subtract;
 
 	let toggle = () => (loading = true);
 
@@ -20,7 +20,7 @@
 	let update = () => {
 		loading = false;
 		if (form?.message?.includes('pin')) $pin = undefined;
-		if (form) ({ min, max, feeRate, fee } = form);
+		if (form) ({ min, max, feeRate, fee, subtract } = form);
 		if (feeRate) confirmed = true;
 		stale = false;
 	};
@@ -28,8 +28,11 @@
 	let setMax = () => {
 		fiat = false;
 		amount = balance;
+		subtract = true;
 	};
 
+	$: if (amount + fee > balance) subtract = true;
+
 	let timeout;
 	let handle = (e) => {
 		stale = true;
@@ -83,13 +86,20 @@
 		<input name="confirmed" value={confirmed} type="hidden" />
 		<input name="feeRate" value={feeRate} type="hidden" />
 		<input name="stale" value={stale} type="hidden" />
+		<input name="subtract" value={subtract} type="hidden" />
 
 		{#if confirmed}
-			<div class="relative mb-5">
+			<div class="relative mt-10 mb-20">
 				<div class="absolute top-5 left-0 text-secondary">Slower (~40 blocks)</div>
 				<div class="absolute top-5 right-0 text-secondary">Faster (~1 block)</div>
 				<Slider bind:value={feeRate} {handle} {min} {max} />
 			</div>
+			<div class="flex justify-center gap-2 mb-10">
+				<div class="my-auto">
+					<Toggle id="subtract" checked={subtract} bind:value={subtract} />
+				</div>
+				<label for="subtract" class="text-secondary text-lg my-auto mb-2">taken from amount</label>
+			</div>
 		{/if}
 
 		<div class="flex justify-center gap-2">
-- 
cgit v1.2.3