Add funding goals

src/app/components/ChannelMessageZapButton.svelte

@@ -1,28 +1,10 @@
 <script lang="ts">
-  import {deriveZapperForPubkey} from "@welshman/app"
-  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"
+  import ZapButton from "@app/components/ZapButton.svelte"
 
   const {url, event} = $props()
-
-  const zapper = deriveZapperForPubkey(event.pubkey)
-
-  const onClick = () => {
-    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)
-    }
-  }
 </script>
 
-<Button onclick={onClick} class="btn join-item btn-xs">
+<ZapButton {url} {event} class="btn join-item btn-xs">
   <Icon icon="bolt" size={4} />
-</Button>
+</ZapButton>