From 0212fe0032eb0c5d6bfb74ebaab42543b73d6d6b Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Sun, 8 Oct 2023 00:17:32 -0700
Subject: payments fixes

---
 src/routes/(app)/pot/[name]/+page.svelte          | 20 +++++++--------
 src/routes/(app)/pot/[name]/sweep/+page.svelte    | 31 +++++++++++------------
 src/routes/(app)/pot/[name]/withdraw/+page.svelte |  4 +--
 3 files changed, 27 insertions(+), 28 deletions(-)

(limited to 'src/routes/(app)/pot')

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" />
-- 
cgit v1.2.3