From 27e45f56b5b9577479cc579b2ee0c1f5d107ed0d Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Thu, 25 Sep 2025 20:16:05 -0400
Subject: [PATCH] Add zap button to video modal

---
 components/video-modal.html | 13 +++++++++++++
 js/app.js                   |  7 +++++++
 2 files changed, 20 insertions(+)

diff --git a/components/video-modal.html b/components/video-modal.html
index 5b08e61a..56df5588 100644
--- a/components/video-modal.html
+++ b/components/video-modal.html
@@ -51,6 +51,19 @@
                 class="icon-image"
               />
             </button>
+            <!-- Zap Button (circular) -->
+            <button
+              id="modalZapBtn"
+              type="button"
+              class="icon-button"
+              aria-label="Send a zap"
+            >
+              <img
+                src="assets/svg/lightning-bolt.svg"
+                alt="Zap"
+                class="icon-image"
+              />
+            </button>
             <!-- Share Button (circular) -->
             <button id="shareBtn" class="icon-button">
               <img
diff --git a/js/app.js b/js/app.js
index 048001be..be73a127 100644
--- a/js/app.js
+++ b/js/app.js
@@ -480,6 +480,7 @@ class bitvidApp {
     this.creatorNpub = null;
     this.copyMagnetBtn = null;
     this.shareBtn = null;
+    this.modalZapBtn = null;
     this.modalPosterCleanup = null;
     this.cleanupPromise = null;
 
@@ -845,6 +846,7 @@ class bitvidApp {
     // Copy/Share buttons
     this.copyMagnetBtn = document.getElementById("copyMagnetBtn") || null;
     this.shareBtn = document.getElementById("shareBtn") || null;
+    this.modalZapBtn = document.getElementById("modalZapBtn") || null;
 
     // Attach existing event listeners for copy/share
     if (this.copyMagnetBtn) {
@@ -869,6 +871,11 @@ class bitvidApp {
           .catch(() => this.showError("Failed to copy the link."));
       });
     }
+    if (this.modalZapBtn) {
+      this.modalZapBtn.addEventListener("click", () => {
+        window.alert("Zaps coming soon.");
+      });
+    }
 
     // Add click handlers for avatar and name => channel profile
     if (this.creatorAvatar) {