Skip to content

fix: prevent duplicate notification panels on rapid bell clicks#571

Open
saurabhhhcodes wants to merge 1 commit into
indresh404:mainfrom
saurabhhhcodes:fix/notification-bell-debounce
Open

fix: prevent duplicate notification panels on rapid bell clicks#571
saurabhhhcodes wants to merge 1 commit into
indresh404:mainfrom
saurabhhhcodes:fix/notification-bell-debounce

Conversation

@saurabhhhcodes

Copy link
Copy Markdown

Fixes #560

Added a useRef debounce guard (300ms) to the notification bell toggle to prevent multiple overlapping AnimatePresence panels from stacking when users click rapidly.

Also switched to functional state update (setShowNotifications(prev => !prev)) for more reliable toggle behavior.

- Add useRef debounce guard to prevent AnimatePresence panel stacking
- Use functional state update for reliable toggle behavior
@vercel

vercel Bot commented Jun 17, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
ranker-hub Ready Ready Preview, Comment Jun 17, 2026 6:09am

@github-actions github-actions Bot added backend Backend/Firebase related changes bug Something isn't working enhancement New feature or request gssoc GirlScript Summer of Code gssoc26 GirlScript Summer of Code 2026 nsoc NSoC NSoC'26 NSoC 2026 pending-review PR is pending review labels Jun 17, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backend Backend/Firebase related changes bug Something isn't working enhancement New feature or request gssoc GirlScript Summer of Code gssoc26 GirlScript Summer of Code 2026 nsoc NSoC NSoC'26 NSoC 2026 pending-review PR is pending review

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: Clicking notification bell multiple times opens duplicate notification panels

1 participant