diff options
| author | Adam Soltys <[email protected]> | 2023-10-08 00:17:32 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-10-08 00:17:32 -0700 |
| commit | 0212fe0032eb0c5d6bfb74ebaab42543b73d6d6b (patch) | |
| tree | 56bffdb4556c10bde68d5aed3bea389197e9965c /src/routes/(app)/pot | |
| parent | 222bbc9080fbb15861cc5c0802449fcf06a53532 (diff) | |
| download | coinos-ui-0212fe0032eb0c5d6bfb74ebaab42543b73d6d6b.tar.gz coinos-ui-0212fe0032eb0c5d6bfb74ebaab42543b73d6d6b.zip | |
payments fixes
Diffstat (limited to 'src/routes/(app)/pot')
| -rw-r--r-- | src/routes/(app)/pot/[name]/+page.svelte | 20 | ||||
| -rw-r--r-- | src/routes/(app)/pot/[name]/sweep/+page.svelte | 31 | ||||
| -rw-r--r-- | src/routes/(app)/pot/[name]/withdraw/+page.svelte | 4 |
3 files changed, 27 insertions, 28 deletions
diff --git a/src/routes/(app)/pot/[name]/+page.svelte b/src/routes/(app)/pot/[name]/+page.svelte index 31e439d3..ea1e45f2 100644 --- a/src/routes/(app)/pot/[name]/+page.svelte +++ b/src/routes/(app)/pot/[name]/+page.svelte @@ -30,14 +30,14 @@ <div class="md:shadow-xl rounded-3xl md:px-10 pt-5 pb-10 space-y-5 w-full md:mx-5"> <div class="relative flex justify-center gap-2"> <!-- <p class="absolute right-0 top-1 underline"><Icon icon="settings" /></p> --> - {#if name.split('-').length === 4} - <h1 class="text-2xl md:text-3xl font-semibold my-auto">Card {name}</h1> + {#if name.split('-').length === 4} + <h1 class="text-2xl md:text-3xl font-semibold my-auto">Card {name}</h1> {:else} <img src="/images/moneypot.jpg" class="w-24" alt="Pot" /> - <div class="my-auto"> - <h1 class="text-2xl font-semibold my-auto">{$t('payments.moneyPot')}</h1> - <h1 class="text-secondary my-auto">{name}</h1> - </div> + <div class="my-auto"> + <h1 class="text-2xl font-semibold my-auto">{$t('payments.moneyPot')}</h1> + <h1 class="text-secondary my-auto">{name}</h1> + </div> {/if} </div> {#if show} @@ -60,7 +60,7 @@ class="rounded-full border py-3 px-2 font-bold hover:opacity-80 flex gap-1 w-full justify-center" > <Icon icon="plus" /> - {$t('payments.addFunds')} + {$t('payments.addFunds')} </button> </a> </div> @@ -70,7 +70,7 @@ class="rounded-full border py-3 px-2 font-bold hover:opacity-80 flex gap-1 w-full justify-center" > <Icon icon="minus" style="rotate-180" /> - {$t('payments.takeFunds')} + {$t('payments.takeFunds')} </button> </a> </div> @@ -85,10 +85,10 @@ </button> <button class="rounded-full border py-3 px-2 font-bold hover:opacity-80 flex gap-1 w-full justify-center" - on:click={() => copy($page.url.host + $page.url.pathname)} + on:click={() => copy($page.url.host + $page.url.pathname)} > <Icon icon="copy" style="w-6" /> - {$t('payments.copyLink')} + {$t('payments.copyLink')} </button> </div> <div class="text-base"> diff --git a/src/routes/(app)/pot/[name]/sweep/+page.svelte b/src/routes/(app)/pot/[name]/sweep/+page.svelte index 17d707cc..9b473af3 100644 --- a/src/routes/(app)/pot/[name]/sweep/+page.svelte +++ b/src/routes/(app)/pot/[name]/sweep/+page.svelte @@ -4,14 +4,13 @@ import { Icon } from '$comp'; import { t } from '$lib/translations'; - export let data; + export let data; - let { amount, name, user, rates } = data; - let { currency } = user; - $: rate = rates[currency]; + let { amount, name, user, rates } = data; + let { currency } = user; + $: rate = rates[currency]; </script> - <div class="container px-4 max-w-xl mx-auto mt-10 space-y-5 text-center"> <div class="w-full flex"> <a href="/" class="mx-auto"> @@ -19,17 +18,17 @@ </a> </div> - <div class="flex w-full py-5 max-w-[200px] mx-auto" in:scale={{ start: 0.5 }}> - <Icon icon="check" style="mx-auto" /> - </div> - <h1 class="text-3xl md:text-4xl font-bold mb-6">{$t('payments.fundsClaimed')}</h1> - <h2 class="text-2xl md:text-3xl font-semibold"> - {f(fiat(amount, rate), currency)} - </h2> - <h3 class="text-secondary md:text-lg mb-6 mt-1"> - ⚡️{s(amount)} - </h3> - </div> + <div class="flex w-full py-5 max-w-[200px] mx-auto" in:scale={{ start: 0.5 }}> + <Icon icon="check" style="mx-auto" /> + </div> + <h1 class="text-3xl md:text-4xl font-bold mb-6">{$t('payments.fundsClaimed')}</h1> + <h2 class="text-2xl md:text-3xl font-semibold"> + {f(fiat(amount, rate), currency)} + </h2> + <h3 class="text-secondary md:text-lg mb-6 mt-1"> + ⚡️{s(amount)} + </h3> +</div> <a href={`/${user.username}/payments`}> <div class="opacity-0 w-screen h-screen fixed top-0 left-0 z-50" /> diff --git a/src/routes/(app)/pot/[name]/withdraw/+page.svelte b/src/routes/(app)/pot/[name]/withdraw/+page.svelte index da564709..7be643a9 100644 --- a/src/routes/(app)/pot/[name]/withdraw/+page.svelte +++ b/src/routes/(app)/pot/[name]/withdraw/+page.svelte @@ -9,7 +9,7 @@ export let data; export let form; - let { rates } = data; + let { rates } = data; let { amount, name } = $page.params; let { currency } = data.user; let loading; @@ -35,7 +35,7 @@ {/if} <div class="container px-4 mt-20 max-w-xl mx-auto"> - <Numpad bind:amount bind:currency bind:rate {submit} /> + <Numpad bind:amount bind:currency bind:rate {submit} /> <form method="POST" use:enhance on:submit={submit}> <input name="name" value={name} type="hidden" /> |
