diff --git a/assets/svg/lightning-bolt.svg b/assets/svg/lightning-bolt.svg new file mode 100644 index 00000000..db4c7623 --- /dev/null +++ b/assets/svg/lightning-bolt.svg @@ -0,0 +1,13 @@ + + + diff --git a/js/channelProfile.js b/js/channelProfile.js index aa552426..8922b649 100644 --- a/js/channelProfile.js +++ b/js/channelProfile.js @@ -47,6 +47,8 @@ export async function initChannelProfileView() { if (btn) btn.classList.add("hidden"); } + setupZapButton(); + // 4) Load user’s profile (banner, avatar, etc.) await loadUserProfile(hexPub); @@ -54,6 +56,22 @@ export async function initChannelProfileView() { await loadUserVideos(hexPub); } +function setupZapButton() { + const zapButton = document.getElementById("zapButton"); + if (!zapButton) { + return; + } + + if (zapButton.dataset.initialized === "true") { + return; + } + + zapButton.addEventListener("click", () => { + window.alert("Zaps coming soon."); + }); + zapButton.dataset.initialized = "true"; +} + /** * Renders a Subscribe / Unsubscribe button with an icon, * using color #fe0032 and the subscribe-button-icon.svg on the left. diff --git a/views/channel-profile.html b/views/channel-profile.html index 693c7dd5..845e08e1 100644 --- a/views/channel-profile.html +++ b/views/channel-profile.html @@ -43,7 +43,21 @@
- +
+ + +