From d4b026a3adb147c5d7b5901c99ab84f6e05b53fa Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Tue, 15 Jul 2025 15:56:55 -0700
Subject: [PATCH] Add zaps to threads/events

---
 src/app/components/EventActions.svelte | 9 ++++++++-
 src/app/components/GoalActions.svelte  | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/app/components/EventActions.svelte b/src/app/components/EventActions.svelte
index f800493..31fc0a6 100644
--- a/src/app/components/EventActions.svelte
+++ b/src/app/components/EventActions.svelte
@@ -6,6 +6,7 @@
   import Icon from "@lib/components/Icon.svelte"
   import Tippy from "@lib/components/Tippy.svelte"
   import Button from "@lib/components/Button.svelte"
+  import ZapButton from "@app/components/ZapButton.svelte"
   import EmojiButton from "@lib/components/EmojiButton.svelte"
   import EventMenu from "@app/components/EventMenu.svelte"
   import {publishReaction} from "@app/commands"
@@ -14,10 +15,11 @@
     url: string
     noun: string
     event: TrustedEvent
+    hideZap?: boolean
     customActions?: Snippet
   }
 
-  const {url, noun, event, customActions}: Props = $props()
+  const {url, noun, event, hideZap, customActions}: Props = $props()
 
   const showPopover = () => popover?.show()
 
@@ -30,6 +32,11 @@
 </script>
 
 <Button class="join rounded-full">
+  {#if !hideZap}
+    <ZapButton {url} {event} class="btn join-item btn-neutral btn-xs">
+      <Icon icon="bolt" size={4} />
+    </ZapButton>
+  {/if}
   <EmojiButton {onEmoji} class="btn join-item btn-neutral btn-xs">
     <Icon icon="smile-circle" size={4} />
   </EmojiButton>
diff --git a/src/app/components/GoalActions.svelte b/src/app/components/GoalActions.svelte
index 802dca6..06b9a69 100644
--- a/src/app/components/GoalActions.svelte
+++ b/src/app/components/GoalActions.svelte
@@ -30,6 +30,6 @@
     {#if showActivity}
       <EventActivity {url} {path} {event} />
     {/if}
-    <EventActions {url} {event} noun="Goal" />
+    <EventActions {url} {event} hideZap noun="Goal" />
   </div>
 </div>