diff options
Diffstat (limited to 'ui/lib/components')
| -rw-r--r-- | ui/lib/components/PushSubscription.svelte | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/ui/lib/components/PushSubscription.svelte b/ui/lib/components/PushSubscription.svelte index a85cbb3..aab4929 100644 --- a/ui/lib/components/PushSubscription.svelte +++ b/ui/lib/components/PushSubscription.svelte @@ -1,5 +1,5 @@ <script> - let { vapid, subscription, subscribe = async () => null } = $props(); + let { vapid, subscription, subscribe = async () => null, ping = async () => null } = $props(); let pending = $state(false); function onsubmit(callback) { @@ -16,12 +16,15 @@ } </script> -{#if vapid !== null} - {#if subscription === null} +{#if !!vapid} + {#if !subscription} <form class="form" onsubmit={onsubmit(subscribe)}> <button disabled={pending} type="submit">create push subscription</button> </form> {/if} + <form class="form" onsubmit={onsubmit(ping)}> + <button disabled={pending} type="submit">send test notification</button> + </form> {:else} Waiting for VAPID key… {/if} |