yusufipek/YTChatHub
1
0
Fork 0
mirror of https://github.com/yusufipk/YTChatHub.git synced 2026-09-11 10:56:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: improve chat UI with scroll memory, disabled clear button, and styled membership gifts

Browse Source
This commit is contained in:
Yusuf İpek
2025-10-05 23:51:56 +03:00
parent e8f42a5676
commit 7d502c26ea
3 changed files with 121 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/app/overlay/page.tsx
+20 -9
View File
@@ -83,6 +83,26 @@ export default function OverlayPage() {
<p className="overlay__superchat-text">{message.text}</p>
)}
</>
) : (message.membershipGift || message.membershipGiftPurchase) ? (
<>
<div className="overlay__membership-header">
{message.authorPhoto && (
<img src={message.authorPhoto} alt={message.author} className="overlay__membership-avatar" />
)}
<div className="overlay__membership-info">
<span className="overlay__membership-name">{message.author}</span>
<span className="overlay__membership-separator"> - </span>
<span className="overlay__membership-level">
{message.membershipGiftPurchase && message.giftCount
? `Sent ${message.giftCount} Gift Membership${message.giftCount > 1 ? 's' : ''}`
: message.membershipLevel || 'New Member'}
</span>
</div>
</div>
{message.text && (
<p className="overlay__membership-text">{message.text}</p>
)}
</>
) : (
<>
<div className="overlay__header">
@@ -102,15 +122,6 @@ export default function OverlayPage() {
</div>
</div>
</div>
{(message.membershipGift || message.membershipGiftPurchase) && (
<div className="overlay__membership">
{message.membershipGiftPurchase && message.giftCount
? `🎁 Sent ${message.giftCount} Gift Membership${message.giftCount > 1 ? 's' : ''}!`
: message.membershipGiftPurchase
? '🎁 Gift Purchase'
: '🎁 New Member!'}
</div>
)}
{message.text && (
<p className="overlay__text">{message.text}</p>
)}