aboutsummaryrefslogtreecommitdiffstats
path: root/src/routes/(app)/pot
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2023-10-08 00:17:32 -0700
committerAdam Soltys <[email protected]>2023-10-08 00:17:32 -0700
commit0212fe0032eb0c5d6bfb74ebaab42543b73d6d6b (patch)
tree56bffdb4556c10bde68d5aed3bea389197e9965c /src/routes/(app)/pot
parent222bbc9080fbb15861cc5c0802449fcf06a53532 (diff)
downloadcoinos-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.svelte20
-rw-r--r--src/routes/(app)/pot/[name]/sweep/+page.svelte31
-rw-r--r--src/routes/(app)/pot/[name]/withdraw/+page.svelte4
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" />