mirror of
https://github.com/coracle-social/coracle.git
synced 2024-09-19 19:46:42 +00:00
Add confirmation to zap dialog
This commit is contained in:
parent
85427833e5
commit
b78402f74e
@ -226,7 +226,7 @@ export const shuffle = sortBy(() => Math.random() > 0.5)
|
|||||||
|
|
||||||
export const batch = (t, f) => {
|
export const batch = (t, f) => {
|
||||||
const xs = []
|
const xs = []
|
||||||
const cb = throttle(t, () => f(xs.splice(0)))
|
const cb = throttle(t, () => xs.length > 0 && f(xs.splice(0)))
|
||||||
|
|
||||||
return x => {
|
return x => {
|
||||||
xs.push(x)
|
xs.push(x)
|
||||||
|
@ -241,6 +241,7 @@
|
|||||||
invoice: null,
|
invoice: null,
|
||||||
loading: false,
|
loading: false,
|
||||||
startedAt: now(),
|
startedAt: now(),
|
||||||
|
confirmed: false,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -282,7 +283,10 @@
|
|||||||
},
|
},
|
||||||
onChunk: chunk => {
|
onChunk: chunk => {
|
||||||
note.zaps = note.zaps.concat(chunk)
|
note.zaps = note.zaps.concat(chunk)
|
||||||
cleanupZap()
|
|
||||||
|
zap.confirmed = true
|
||||||
|
|
||||||
|
setTimeout(cleanupZap, 1000)
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@ -575,10 +579,19 @@
|
|||||||
<h1 class="staatliches text-2xl">Send a zap</h1>
|
<h1 class="staatliches text-2xl">Send a zap</h1>
|
||||||
<p>to {displayPerson($person)}</p>
|
<p>to {displayPerson($person)}</p>
|
||||||
</div>
|
</div>
|
||||||
{#if zap.invoice}
|
{#if zap.confirmed}
|
||||||
|
<div class="flex items-center justify-center gap-2 text-gray-1">
|
||||||
|
<i class="fa fa-champagne-glasses" />
|
||||||
|
<p>Success! Zap confirmed.</p>
|
||||||
|
</div>
|
||||||
|
{:else if zap.invoice}
|
||||||
<QRCode code={zap.invoice} />
|
<QRCode code={zap.invoice} />
|
||||||
<div class="text-center text-gray-1">
|
<p class="text-center text-gray-1">
|
||||||
Copy or scan using a lightning wallet to pay your zap.
|
Copy or scan using a lightning wallet to pay your zap.
|
||||||
|
</p>
|
||||||
|
<div class="flex items-center justify-center gap-2 text-gray-1">
|
||||||
|
<i class="fa fa-circle-notch fa-spin" />
|
||||||
|
Waiting for confirmation...
|
||||||
</div>
|
</div>
|
||||||
{:else}
|
{:else}
|
||||||
<Textarea bind:value={zap.message} placeholder="Add an optional message" />
|
<Textarea bind:value={zap.message} placeholder="Add an optional message" />
|
||||||
|
Loading…
Reference in New Issue
Block a user