diff options
| author | Adam Soltys <[email protected]> | 2022-11-12 01:40:54 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-11-12 01:40:54 -0800 |
| commit | 9764d0f0989ea25a502572453ee4f992079f520f (patch) | |
| tree | af9d6efbae922b388f669a50ba048cff2da88a17 /src/routes/(app)/send | |
| parent | 2a8e54dcdc7c7f780253b1d7f9cf3552dcba3ff2 (diff) | |
| download | coinos-ui-9764d0f0989ea25a502572453ee4f992079f520f.tar.gz coinos-ui-9764d0f0989ea25a502572453ee4f992079f520f.zip | |
persist requests
Diffstat (limited to 'src/routes/(app)/send')
| -rw-r--r-- | src/routes/(app)/send/[...text]/+page.svelte | 81 |
1 files changed, 44 insertions, 37 deletions
diff --git a/src/routes/(app)/send/[...text]/+page.svelte b/src/routes/(app)/send/[...text]/+page.svelte index 39f1f530..09b9cb21 100644 --- a/src/routes/(app)/send/[...text]/+page.svelte +++ b/src/routes/(app)/send/[...text]/+page.svelte @@ -1,30 +1,30 @@ - <script> - import { page } from '$app/stores'; - import { fly } from 'svelte/transition'; - import { enhance } from '$app/forms'; - import { tick } from 'svelte'; - import { browser } from '$app/environment'; - import { t } from '$lib/translations'; - import { Avatar, Icon, Spinner } from '$comp'; - import { back, failure } from '$lib/utils'; - import { format, parseISO } from 'date-fns'; +<script> + import { page } from '$app/stores'; + import { fly } from 'svelte/transition'; + import { enhance } from '$app/forms'; + import { tick } from 'svelte'; + import { browser } from '$app/environment'; + import { t } from '$lib/translations'; + import { Avatar, Icon, Spinner } from '$comp'; + import { back, failure } from '$lib/utils'; + import { format, parseISO } from 'date-fns'; - export let data; - export let form; + export let data; + export let form; - let { contacts } = data; - let w; + let { contacts } = data; + let w; - let el, textarea, text; - let placeholder = 'Paste a bitcoin address, lightning invoice or coinos username'; + let el, textarea, text; + let placeholder = 'Paste a bitcoin address, lightning invoice or coinos username'; - $: $page && setTimeout(() => w > 800 && textarea?.focus(), 0); - let keypress = (e) => e.key === 'Enter' && (e.preventDefault() || el.click()); + $: $page && setTimeout(() => w > 800 && textarea?.focus(), 0); + let keypress = (e) => e.key === 'Enter' && (e.preventDefault() || el.click()); - let paste = async () => { - text = await navigator.clipboard.readText(); - }; - </script> + let paste = async () => { + text = await navigator.clipboard.readText(); + }; +</script> <svelte:window bind:innerWidth={w} /> @@ -91,24 +91,31 @@ <div> {#each contacts as c} <div class="border-b p-2 last:border-b-0 hover:bg-gray-100"> - <a href={`/${c.username}/receive`}> - <div class="flex"> - <div> - <div class="flex"> - <Avatar user={c} size={20} disabled={true} /> - <div class="my-auto text-left"> - <p class="ml-1 text-lg break-words">{c.username}</p> - <p class="ml-1 text-secondary"> - {format(parseISO(c.last), 'MMM d')} - </p> - </div> + <div class="flex"> + <div> + <div class="flex"> + <Avatar user={c} size={20} disabled={true} /> + <div class="my-auto text-left"> + <p class="ml-1 text-lg break-words">{c.username}</p> + <p class="ml-1 text-secondary"> + {format(parseISO(c.last), 'MMM d')} + </p> </div> </div> - <div class="my-auto ml-auto p-2 border rounded-xl bg-white"> - <Icon icon="send" style="w-10" /> - </div> </div> - </a> + <div class="flex ml-auto my-auto gap-2"> + <a href={`/${c.username}/request`}> + <div class="my-auto p-2 border rounded-xl bg-white opacity-50 hover:opacity-100"> + <Icon icon="support" style="w-8" /> + </div> + </a> + <a href={`/${c.username}/receive`}> + <div class="my-auto p-2 border rounded-xl bg-white opacity-50 hover:opacity-100"> + <Icon icon="send" style="w-8" /> + </div> + </a> + </div> + </div> </div> {/each} </div> |