diff options
| author | Adam Soltys <[email protected]> | 2023-02-23 02:27:36 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-02-23 02:27:36 -0800 |
| commit | 520634dda03e242238243035948158372f3d0c37 (patch) | |
| tree | b06ec891660e30c1d3b26d883ddd7b6f623c0a05 /src | |
| parent | 8d40a185b8fac10e0819b562f8acd6b014d01be5 (diff) | |
| download | coinos-ui-520634dda03e242238243035948158372f3d0c37.tar.gz coinos-ui-520634dda03e242238243035948158372f3d0c37.zip | |
subtract fee toggle
Diffstat (limited to 'src')
| -rw-r--r-- | src/routes/(app)/send/bitcoin/[address]/[...amount]/+page.svelte | 18 |
1 files changed, 14 insertions, 4 deletions
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"> |