diff options
| author | Adam Soltys <[email protected]> | 2022-12-15 13:35:00 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-12-15 13:35:00 -0800 |
| commit | 6a1514a2fb50034412b6bef29b024a9c08a25b30 (patch) | |
| tree | 80062320a7ad31f3d341a90e6616bee2baa90cb3 /src/routes/(app)/voucher | |
| parent | 546d45340e0c4b4d1a7e9d6d489c46d1b06c5fa9 (diff) | |
| download | coinos-ui-6a1514a2fb50034412b6bef29b024a9c08a25b30.tar.gz coinos-ui-6a1514a2fb50034412b6bef29b024a9c08a25b30.zip | |
prettier
Diffstat (limited to 'src/routes/(app)/voucher')
| -rw-r--r-- | src/routes/(app)/voucher/[redeemcode]/+page.server.js | 2 | ||||
| -rw-r--r-- | src/routes/(app)/voucher/[redeemcode]/+page.svelte | 62 |
2 files changed, 31 insertions, 33 deletions
diff --git a/src/routes/(app)/voucher/[redeemcode]/+page.server.js b/src/routes/(app)/voucher/[redeemcode]/+page.server.js index 00fa0b68..0af98538 100644 --- a/src/routes/(app)/voucher/[redeemcode]/+page.server.js +++ b/src/routes/(app)/voucher/[redeemcode]/+page.server.js @@ -4,7 +4,7 @@ import Qr from 'qrcode-base64'; export let load = async ({ params: { redeemcode }, url }) => { let payment = await get(`/payment/${redeemcode}`); - console.log(payment) + console.log(payment); let src = Qr.drawImg(url.href, { size: 300 }); return { payment, src }; diff --git a/src/routes/(app)/voucher/[redeemcode]/+page.svelte b/src/routes/(app)/voucher/[redeemcode]/+page.svelte index 2efd5937..99d5da5e 100644 --- a/src/routes/(app)/voucher/[redeemcode]/+page.svelte +++ b/src/routes/(app)/voucher/[redeemcode]/+page.svelte @@ -25,14 +25,14 @@ <div class="flex justify-center items-center text-center"> <div class="shadow-xl rounded-3xl px-10 pt-5 pb-10 space-y-5 w-full mx-5"> - {#if !redeemed} - <img - {src} - class="w-[300px] mx-auto cursor-pointer" - on:click={() => copy(redeemcode)} - alt="Redeem Code" - /> - {/if} + {#if !redeemed} + <img + {src} + class="w-[300px] mx-auto cursor-pointer" + on:click={() => copy(redeemcode)} + alt="Redeem Code" + /> + {/if} <div class="flex justify-center gap-4"> <div class="my-auto"> <h2 class="text-2xl md:text-3xl font-semibold"> @@ -42,37 +42,35 @@ {sat(amount)} </h3> </div> - <div class="my-auto">from</div> + <div class="my-auto">from</div> <div class="flex"> <Avatar {user} size={20} /> <div class="my-auto">{user.username}</div> </div> </div> <div class="mx-auto my-auto flex gap-2 justify-center" data-sveltekit-prefetch="off"> - {#if redeemed} - <div class="my-auto"> - Redeemed by - </div> - <div class="flex"> - <Avatar user={redeemer} size={20} /> - <div class="my-auto">{redeemer.username}</div> - </div> - {:else} - <form - method="POST" - use:enhance - on:submit={() => ($loginRedirect = `/redeem/${redeemcode}`)} - > - <button - type="submit" - class="text-lg rounded-full border py-3 px-7 font-bold hover:opacity-80" - class:bg-gray-200={redeemed} - disabled={$loginRedirect} + {#if redeemed} + <div class="my-auto">Redeemed by</div> + <div class="flex"> + <Avatar user={redeemer} size={20} /> + <div class="my-auto">{redeemer.username}</div> + </div> + {:else} + <form + method="POST" + use:enhance + on:submit={() => ($loginRedirect = `/redeem/${redeemcode}`)} > - {'Redeem'} - </button> - </form> - {/if} + <button + type="submit" + class="text-lg rounded-full border py-3 px-7 font-bold hover:opacity-80" + class:bg-gray-200={redeemed} + disabled={$loginRedirect} + > + {'Redeem'} + </button> + </form> + {/if} </div> </div> </div> |