Skip to content

feat: live stream tipping via chat (quick-tip buttons)#382

Merged
davedumto merged 5 commits intoStreamFi-x:devfrom
Nwanne-san:feat-368-live-stream-tipping-chat
Mar 29, 2026
Merged

feat: live stream tipping via chat (quick-tip buttons)#382
davedumto merged 5 commits intoStreamFi-x:devfrom
Nwanne-san:feat-368-live-stream-tipping-chat

Conversation

@Nwanne-san
Copy link
Copy Markdown
Contributor

Description

Add quick-tip buttons inside the stream chat sidebar so viewers can tip without leaving the stream.

Closes #368

Changes proposed

What were you told to do?

  • Add preset quick-tip buttons above chat input.
  • Trigger immediate Stellar XLM tip payment on preset selection.
  • Keep custom tipping via existing modal.
  • Post tip notification messages in chat and show overlay tip alerts.
  • Hide the quick-tip bar on mobile when keyboard is visible.

What did I do?

Quick-tip interactions in chat

  • Added QuickTipBar with 1 XLM, 5 XLM, 10 XLM, and Custom... actions.
  • Preset tip flow now builds/signs/submits Stellar payment directly.
  • Added insufficient-balance fallback via AddFundsButton.

Tip message + video alert UX

  • Posts successful tips to chat as system messages.
  • Added temporary highlighted tip notice behavior in chat.
  • Added stacked bottom-left video overlay alerts with capped queue size.

Supporting updates

  • Removed duplicated internal tip confirmation rendering in TipModal.
  • Added chat wallet validation (Stellar G-address) in chat API paths.
  • Added polling control to pause chat polling when hidden.

Check List (Check all the applicable boxes)

  • My code follows the code style of this project.
  • This PR does not contain plagiarized content.
  • The title and description of the PR is clear and explains the approach.
  • I am making a pull request against the main branch (left side).
  • My commit messages styles matches our requested structure.
  • My code additions will fail neither code linting checks nor unit test.
  • I am only making changes to files I was requested to.

Screenshots / Testing Evidence

  • npm test -- --watchman=false --runTestsByPath components/stream/__tests__/chat-section.test.tsx hooks/__tests__/useChat.test.ts app/api/streams/chat/__tests__/route.test.ts lib/stellar/__tests__/payments.test.ts

Made with Cursor

Adds preset tip buttons above chat input to send XLM tips quickly.
Posts a system tip message to chat and shows a stacked tip alert overlay
on the player.

Closes StreamFi-x#368

Made-with: Cursor
Adds paid stream access configuration and a viewer payment gate.
The server verifies USDC payments on Stellar Horizon and stores grants
with tx hash replay protection.

Closes StreamFi-x#375

Made-with: Cursor
@vercel
Copy link
Copy Markdown

vercel bot commented Mar 26, 2026

@Nwanne-san is attempting to deploy a commit to the david's projects Team on Vercel.

A member of the Team first needs to authorize it.

@drips-wave
Copy link
Copy Markdown

drips-wave bot commented Mar 26, 2026

@Nwanne-san Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@davedumto
Copy link
Copy Markdown
Contributor

hi @Nwanne-san please fix failing ci and then conflicts

- merge access/check for paid grants, token_gated horizon check, and session wallet
- add quick tip bar, tip alerts, token gated gate, chat moderation hooks
- tipmodal defers confirmation to container; add funds nudge on low xlm

Made-with: Cursor
@davedumto davedumto merged commit d7e2122 into StreamFi-x:dev Mar 29, 2026
4 of 6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat: live stream tipping via chat (quick-tip buttons)

2 participants