aboutsummaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2023-02-18 10:28:53 -0800
committerAdam Soltys <[email protected]>2023-02-18 10:28:53 -0800
commit714d7b840533e35184ca27ae3fe3f5decff9a4eb (patch)
treea1705f4f8655b50047c9b8c59d3cc3b685207dfd /src
parent6ee1fb08f3bd80f4a04d7f7c3a0d0fc2000ed8b1 (diff)
downloadcoinos-ui-714d7b840533e35184ca27ae3fe3f5decff9a4eb.tar.gz
coinos-ui-714d7b840533e35184ca27ae3fe3f5decff9a4eb.zip
Revert "max send button"
This reverts commit 411193c8e4673e0a1d389398bb605bc3ec911c3f.
Diffstat (limited to 'src')
-rw-r--r--src/components/Numpad.svelte49
-rw-r--r--src/routes/(app)/send/bitcoin/[address]/[...amount]/+page.svelte25
-rw-r--r--src/routes/(app)/send/bitcoin/[address]/[...amount]/confirm/+page.svelte0
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