diff --git a/src/app/components/ChannelMessageZapButton.svelte b/src/app/components/ChannelMessageZapButton.svelte
index 96d6a5ae..59272fb3 100644
--- a/src/app/components/ChannelMessageZapButton.svelte
+++ b/src/app/components/ChannelMessageZapButton.svelte
@@ -3,6 +3,7 @@
import Button from "@lib/components/Button.svelte"
import Icon from "@lib/components/Icon.svelte"
import Zap from "@app/components/Zap.svelte"
+ import InfoZapperError from "@app/components/InfoZapperError.svelte"
import WalletConnect from "@app/components/WalletConnect.svelte"
import {pushModal} from "@app/modal"
import {wallet} from "@app/state"
@@ -12,7 +13,9 @@
const zapper = deriveZapperForPubkey(event.pubkey)
const onClick = () => {
- if ($wallet) {
+ if (!$zapper?.allowsNostr) {
+ pushModal(InfoZapperError, {url, pubkey: event.pubkey, eventId: event.id})
+ } else if ($wallet) {
pushModal(Zap, {url, pubkey: event.pubkey, eventId: event.id})
} else {
pushModal(WalletConnect)
@@ -20,8 +23,6 @@
}
-{#if $zapper?.allowsNostr}
-
-{/if}
+
diff --git a/src/app/components/InfoZapperError.svelte b/src/app/components/InfoZapperError.svelte
new file mode 100644
index 00000000..d1f8fc6b
--- /dev/null
+++ b/src/app/components/InfoZapperError.svelte
@@ -0,0 +1,36 @@
+
+
+
+
+ {#snippet title()}
+
Unable to Zap
+ {/snippet}
+
+
+ Zapping isn't possible right now because
+ {#if $zapper}
+ their zap receiver isn't correctly set up.
+ {:else}
+ they don't currently have a zap receiver set up.
+ {/if}
+