diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Numpad.svelte | 6 | ||||
| -rw-r--r-- | src/components/Request.svelte | 9 | ||||
| -rw-r--r-- | src/components/index.js | 1 |
3 files changed, 12 insertions, 4 deletions
diff --git a/src/components/Numpad.svelte b/src/components/Numpad.svelte index c5f1efa8..36fe9f67 100644 --- a/src/components/Numpad.svelte +++ b/src/components/Numpad.svelte @@ -90,12 +90,10 @@ <div class="space-y-5"> <div class="text-center"> <div class="text-5xl md:text-6xl font-semibold tracking-widest mb-1"> - {fiat ? `${symbol}${amountFiat}` : amountSatsFormatted}<span - class="tracking-normal text-base font-normal">{fiat ? currency : 'SAT'}</span - > + {fiat ? `${symbol}${amountFiat}` : '⚡️' + amountSatsFormatted} </div> <span class="text-secondary mr-1" - >{fiat ? `${amountSatsConverted} SAT` : amountFiatConverted}</span + >{fiat ? `⚡️${amountSatsConverted}` : amountFiatConverted}</span > <button type="button" diff --git a/src/components/Request.svelte b/src/components/Request.svelte new file mode 100644 index 00000000..c0e2afc0 --- /dev/null +++ b/src/components/Request.svelte @@ -0,0 +1,9 @@ +<script> + import { Avatar } from '$comp'; + import { request } from '$lib/store'; +</script> + +<div class="fixed bottom-0 h-24 border-t w-full bg-primary" in:fly> + <Avatar user={$request.requester} /> + {$request.requester.username} is requesting an invoice +</div> diff --git a/src/components/index.js b/src/components/index.js index 468e132e..f3d550ec 100644 --- a/src/components/index.js +++ b/src/components/index.js @@ -1,3 +1,4 @@ +export { default as Request } from './Request.svelte'; export { default as Pin } from './Pin.svelte'; export { default as Card } from './Card.svelte'; export { default as Lock } from './Lock.svelte'; |