diff options
| author | Adam Soltys <[email protected]> | 2023-02-18 10:28:53 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-02-18 10:28:53 -0800 |
| commit | 714d7b840533e35184ca27ae3fe3f5decff9a4eb (patch) | |
| tree | a1705f4f8655b50047c9b8c59d3cc3b685207dfd | |
| parent | 6ee1fb08f3bd80f4a04d7f7c3a0d0fc2000ed8b1 (diff) | |
| download | coinos-ui-714d7b840533e35184ca27ae3fe3f5decff9a4eb.tar.gz coinos-ui-714d7b840533e35184ca27ae3fe3f5decff9a4eb.zip | |
Revert "max send button"
This reverts commit 411193c8e4673e0a1d389398bb605bc3ec911c3f.
3 files changed, 31 insertions, 43 deletions
diff --git a/src/components/Numpad.svelte b/src/components/Numpad.svelte index 79f0a700..5ffaa2ea 100644 --- a/src/components/Numpad.svelte +++ b/src/components/Numpad.svelte @@ -9,12 +9,11 @@ fiat = !amount, submit = undefined; -let amountFiat; - let arrow = '<'; + export let amountFiat = amount ? amount * ($selectedRate / sats) : 0; - $: update(amount); - let update = (a) => (amountFiat = amount ? ((amount * $selectedRate) / sats).toFixed(2) : 0); + let arrow = '<'; + let amountSats = amount; let loading = false; let symbol = @@ -34,13 +33,13 @@ let amountFiat; KRW: '₩' }[currency] || ''; - $: amountFormatted = s(amount); + $: amount = parseInt(fiat ? Math.round(amountFiat / ($selectedRate / sats)) : amountSats); + + $: amountSatsFormatted = s(amountSats); - $: amountFiatConverted = - console.log('FC', amount, f(amount * ($selectedRate / sats), currency)) || - f(amount * ($selectedRate / sats), currency); + $: amountFiatConverted = f(amountSats * ($selectedRate / sats), currency); - $: amountConverted = sat(amountFiat / ($selectedRate / sats)); + $: amountSatsConverted = sat(amountFiat / ($selectedRate / sats)); const numPad = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '.', '0', '<']; @@ -59,7 +58,7 @@ let amountFiat; amountFiat = amountFiat.slice(0, amountFiat.length - 1); if (amountFiat.length === 0) { amountFiat = 0; - amount = 0; + amountSats = 0; } } } else if (value !== '.' && value !== '<' && parseInt(amountFiat + value) > $selectedRate) { @@ -72,25 +71,25 @@ let amountFiat; } else { if (value === '.') { return; - } else if (!amount && value !== '<' && value !== '0') { - amount = parseInt(value); + } else if (!amountSats && value !== '<' && value !== '0') { + amountSats = parseInt(value); } else if (value === '<') { - if (amount !== 0) { - amount = Math.floor(amount / 10); - if (amount.length === 0) { - amount = 0; + if (amountSats !== 0) { + amountSats = Math.floor(amountSats / 10); + if (amountSats.length === 0) { + amountSats = 0; amountFiat = 0; } } - } else if (value !== '<' && parseInt(amount + value) > sats) { + } else if (value !== '<' && parseInt(amountSats + value) > sats) { warning($t('user.receive.lessThan1BTCWarning')); } else { - amount = parseInt(amount + value); + amountSats = parseInt(amountSats + value); } } }; - $: html = fiat ? amountFiat : s(amount); + $: html = fiat ? amountFiat : s(amountSats); let prev = ''; @@ -125,10 +124,10 @@ let amountFiat; if (fiat) { amountFiat = html; } else { - amount = parseInt(html.replace(/,/g, '')); + amountSats = parseInt(html.replace(/,/g, '')); } - if (!amount) amount = null; + if (!amountSats) amountSats = null; setTimeout(() => { if (!fiat) { @@ -179,16 +178,16 @@ let amountFiat; /> </div> <div class="mt-2"> - <span class="text-secondary mr-1">{fiat ? amountConverted : amountFiatConverted}</span> + <span class="text-secondary mr-1">{fiat ? amountSatsConverted : amountFiatConverted}</span> <button type="button" on:click={() => { if (fiat) { - amount = parseInt((amountFiat / ($selectedRate / sats)).toFixed(0)); + amountSats = parseInt((amountFiat / ($selectedRate / sats)).toFixed(0)); } else { amountFiat = - (amount * ($selectedRate / sats)).toFixed(2) > 0.0 - ? (amount * ($selectedRate / sats)).toFixed(2) + (amountSats * ($selectedRate / sats)).toFixed(2) > 0.0 + ? (amountSats * ($selectedRate / sats)).toFixed(2) : 0; } fiat = !fiat; diff --git a/src/routes/(app)/send/bitcoin/[address]/[...amount]/+page.svelte b/src/routes/(app)/send/bitcoin/[address]/[...amount]/+page.svelte index 17a3952b..6b216cb3 100644 --- a/src/routes/(app)/send/bitcoin/[address]/[...amount]/+page.svelte +++ b/src/routes/(app)/send/bitcoin/[address]/[...amount]/+page.svelte @@ -3,14 +3,14 @@ import { enhance } from '$app/forms'; import { Icon, Numpad, Spinner } from '$comp'; import { page } from '$app/stores'; - import { back, s, sat } from '$lib/utils'; + import { back } from '$lib/utils'; import { pin } from '$lib/store'; export let data; export let form; let { address, amount } = $page.params; - let { balance, currency } = data.user; + let { currency } = data.user; let loading, submit; let toggle = () => (loading = true); @@ -20,8 +20,6 @@ if (form?.message.includes('pin')) $pin = undefined; loading = false; }; - -let max = () => (amount = balance); </script> <button class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80" on:click={back}> @@ -34,14 +32,12 @@ let max = () => (amount = balance); </div> {/if} -<div class="container px-4 mt-20 max-w-xl mx-auto space-y-5"> +<div class="container px-4 mt-20 max-w-xl mx-auto"> <div class="text-center mb-8"> - <h1 class="text-3xl md:text-4xl font-semibold mb-2">{$t('payments.send')}</h1> + <h1 class="text-3xl md:text-4xl font-semibold mb-2">{$t('payments.sendTo')}</h1> <p class="text-lg text-secondary">{address}</p> </div> - - - <Numpad bind:amount {currency} {submit} /> + <Numpad bind:amount {currency} {submit} /> <form method="POST" use:enhance on:submit={toggle}> <input name="ts" value={Date.now()} type="hidden" /> @@ -49,18 +45,11 @@ let max = () => (amount = balance); <input name="amount" value={amount} type="hidden" /> <input name="pin" value={$pin} type="hidden" /> - <div class="flex justify-center gap-2"> - <button - type="button" - class="hover:opacity-80 bg-black text-white rounded-2xl py-3 px-4 mt-2 border font-bold" - on:click|preventDefault={max} - on:keydown={max}>Max ⚡️{s(balance)}</button - > - + <div class="flex w-full"> <button bind:this={submit} type="submit" - class="opacity-100 hover:opacity-80 rounded-2xl border py-3 font-bold mt-2 bg-black text-white px-4 w-24" + class="opacity-100 hover:opacity-80'} rounded-2xl border py-3 font-bold mx-auto mt-2 bg-black text-white px-4 w-24" disabled={loading} > {#if loading} diff --git a/src/routes/(app)/send/bitcoin/[address]/[...amount]/confirm/+page.svelte b/src/routes/(app)/send/bitcoin/[address]/[...amount]/confirm/+page.svelte deleted file mode 100644 index e69de29b..00000000 --- a/src/routes/(app)/send/bitcoin/[address]/[...amount]/confirm/+page.svelte +++ /dev/null |
