diff options
| author | Adam Soltys <[email protected]> | 2025-07-11 10:51:59 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2025-07-11 10:51:59 -0700 |
| commit | 7617102b14e5254c9675b7db34f12ff6906a0086 (patch) | |
| tree | 72251508cc25870b8fe0e91f59b14c15f820aaed /src/routes/(app)/accepted | |
| parent | 24de5b9508aef3489fb27a5d3a9cd6de960cbbde (diff) | |
| download | coinos-ui-7617102b14e5254c9675b7db34f12ff6906a0086.tar.gz coinos-ui-7617102b14e5254c9675b7db34f12ff6906a0086.zip | |
qr update
Diffstat (limited to 'src/routes/(app)/accepted')
| -rw-r--r-- | src/routes/(app)/accepted/[text]/+page.server.ts | 4 | ||||
| -rw-r--r-- | src/routes/(app)/accepted/[text]/+page.svelte | 27 | ||||
| -rw-r--r-- | src/routes/(app)/accepted/[text]/raw/+server.ts | 16 | ||||
| -rw-r--r-- | src/routes/(app)/accepted/create/+page.svelte | 64 |
4 files changed, 0 insertions, 111 deletions
diff --git a/src/routes/(app)/accepted/[text]/+page.server.ts b/src/routes/(app)/accepted/[text]/+page.server.ts deleted file mode 100644 index 210c3c45..00000000 --- a/src/routes/(app)/accepted/[text]/+page.server.ts +++ /dev/null @@ -1,4 +0,0 @@ -export async function load({ params }) { - const { text } = params; - return { text }; -} diff --git a/src/routes/(app)/accepted/[text]/+page.svelte b/src/routes/(app)/accepted/[text]/+page.svelte deleted file mode 100644 index 07bf5a1d..00000000 --- a/src/routes/(app)/accepted/[text]/+page.svelte +++ /dev/null @@ -1,27 +0,0 @@ -<script> - import Icon from "$comp/Icon.svelte"; - import Qr from "$comp/Qr.svelte"; - import { back, copy } from "$lib/utils"; - let { data } = $props(); - let { text } = $derived(data); - let { username } = $derived(data.user); - let url = `https://coinos.io/p/${username}`; -</script> - -<div class="px-2"> -<div class="border-8 border-black p-2 max-w-[710px] mx-auto mt-20 space-y-5"> - <div class="flex gap-2 mx-auto justify-center"> - <img src="/images/bitcoin.png" class="w-16 h-16 my-auto" /> - <h3 class="text-4xl font-bold text-center my-auto">Bitcoin Accepted</h3> - </div> - <Qr {text} /> - <div class="text-center text-5xl font-bold">coinos.io/{username}</div> - <div class="flex w-full justify-center gap-4 mt-10"> - <img - src="/images/logo.png" - class="ml-auto my-auto" - style="width: 180px" - /> - </div> -</div> -</div> diff --git a/src/routes/(app)/accepted/[text]/raw/+server.ts b/src/routes/(app)/accepted/[text]/raw/+server.ts deleted file mode 100644 index a24d3a3c..00000000 --- a/src/routes/(app)/accepted/[text]/raw/+server.ts +++ /dev/null @@ -1,16 +0,0 @@ -import Qr from "qrcode-base64"; - -export async function GET({ params }) { - const { text } = params; - - const dataUri = Qr.drawImg(text, { size: 600 }); - const base64Data = dataUri.split(",")[1]; - const binaryData = Buffer.from(base64Data, "base64"); - - return new Response(binaryData, { - headers: { - "Content-Type": "image/gif", - "Cache-Control": "public, max-age=31536000, immutable", - }, - }); -} diff --git a/src/routes/(app)/accepted/create/+page.svelte b/src/routes/(app)/accepted/create/+page.svelte deleted file mode 100644 index 74316ba9..00000000 --- a/src/routes/(app)/accepted/create/+page.svelte +++ /dev/null @@ -1,64 +0,0 @@ -<script> - import { run, preventDefault } from 'svelte/legacy'; - - import { goto } from "$app/navigation"; - import { browser } from "$app/environment"; - import { t } from "$lib/translations"; - import Icon from "$comp/Icon.svelte"; - let el = $state(), text = $state(), pasted = $state(); - - let keypress = (e) => - e.key === "Enter" ? e.preventDefault() || el.click() : (pasted = false); - - let paste = async () => { - text = await navigator.clipboard.readText(); - pasted = true; - }; - - let submit = () => goto(`/qr/${encodeURIComponent(text)}`); - - run(() => { - if (browser && pasted && text) el.click() && (pasted = false); - }); -</script> - -<div class="container px-4 max-w-lg mx-auto space-y-5 mt-20"> - <h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold"> - Create QR - </h1> - - <form onsubmit={preventDefault(submit)} class="space-y-2 text-xl"> - <div class="mb-2"> - <textarea - use:focus - name="text" - placeholder="Enter some text or a URL to put in a QR" - onkeypress={keypress} - class="w-full p-4 border rounded-xl h-32 text-xl" - bind:value={text} - onpaste={() => (pasted = true)} - autocapitalize="none" -></textarea> - </div> - - <div class="flex gap-2"> - <button - type="button" - class="flex border rounded-2xl px-6 py-5 font-bold hover:opacity-80 w-full bg-primary justify-center gap-2" - onclick={paste} - > - <Icon icon="paste" style="w-8 my-auto" /> - <div class="my-auto">{$t("user.send.paste")}</div> - </button> - - <button - bind:this={el} - type="submit" - class="flex bg-black text-white border rounded-2xl px-6 py-5 w-full font-bold gap-2 justify-center" - > - <Icon icon="send" style="w-8 my-auto invert" /> - <div class="my-auto">{$t("user.dashboard.go")}</div> - </button> - </div> - </form> -</div> |
