aboutsummaryrefslogtreecommitdiffstats
path: root/src/routes/send/+page.svelte
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2022-10-06 00:13:16 -0700
committerAdam Soltys <[email protected]>2022-10-06 00:22:40 -0700
commitf8b1415475759e7c64a97dadbcd283a3131a4b9f (patch)
tree699d86a205d204e5abadae3c62362e2ff286b299 /src/routes/send/+page.svelte
parent5b24ffae2d402fbbff78f53727ca87f5cfe75618 (diff)
downloadcoinos-ui-f8b1415475759e7c64a97dadbcd283a3131a4b9f.tar.gz
coinos-ui-f8b1415475759e7c64a97dadbcd283a3131a4b9f.zip
send route can take a parameter
Diffstat (limited to 'src/routes/send/+page.svelte')
-rw-r--r--src/routes/send/+page.svelte99
1 files changed, 0 insertions, 99 deletions
diff --git a/src/routes/send/+page.svelte b/src/routes/send/+page.svelte
deleted file mode 100644
index 5d6d123e..00000000
--- a/src/routes/send/+page.svelte
+++ /dev/null
@@ -1,99 +0,0 @@
-<script>
- import { fly } from 'svelte/transition';
- import { enhance } from '$app/forms';
- import { onMount } from 'svelte';
- import { browser } from '$app/environment';
- import { t } from '$lib/translations';
- import { Icon, Spinner } from '$comp';
- import { back, failure } from '$lib/utils';
-
- export let form;
-
- let el;
- let placeholder = 'Address, Invoice or Username';
- let text = placeholder;
-
- let focus = () => text === placeholder && (text = '');
- let keypress = (e) => e.key === 'Enter' && (e.preventDefault() || el.click());
-
- let paste = async () => {
- text = await navigator.clipboard.readText();
- };
-</script>
-
-<button class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80" on:click={back}>
- <Icon icon="arrow-left" style="w-10" />
-</button>
-
-<form method="POST" class="container px-4 mt-20 max-w-xl mx-auto" use:enhance>
- {#if form?.error}
- <div class="text-red-600 text-center" in:fly>
- {form.error}
- </div>
- {/if}
- <div class="mb-2">
- <label for="invoice" class="font-bold mb-1 block">To</label>
- <input type="hidden" name="text" bind:value={text} />
-
- <div
- class="expandable-textarea"
- class:text-gray-400={text === placeholder}
- role="textbox"
- contenteditable
- bind:textContent={text}
- on:focus={focus}
- on:keypress={keypress}
- >
- {text}
- </div>
- </div>
-
- <div class="flex justify-end">
- <a href="/scan">
- <button
- type="button"
- class="flex border rounded-full px-6 py-2 font-bold hover:opacity-80 mr-1"
- >
- <Icon icon="scan" style="mr-2 w-6 my-auto" />
- <div class="my-auto">Scan</div>
- </button>
- </a>
-
- <button
- type="button"
- class="flex border rounded-full px-6 py-2 font-bold hover:opacity-80 mr-1"
- on:click={paste}
- >
- <Icon icon="paste" style="mr-2 w-6 my-auto" />
- <div class="my-auto">Paste</div>
- </button>
-
- <button
- bind:this={el}
- type="submit"
- class="{!text
- ? 'opacity-50'
- : 'opacity-100 hover:opacity-80'} bg-black text-white border rounded-full px-6 py-2 font-bold"
- >
- Next
- </button>
- </div>
-</form>
-
-<style>
- .expandable-textarea {
- font-family: inherit;
- font-size: inherit;
-
- resize: both;
- display: block;
- overflow: hidden;
- min-height: 48px;
- line-height: 20px;
- @apply block border rounded-2xl p-3 py-4 w-full;
- }
-
- .expandable-expandable::-webkit-resizer {
- background: transparent;
- }
-</style>