Add an in-app price alert notification that fires when a watched key crosses the user's target price

[Chucks1093]

Summary

Price alerts are saved but never surface as in-app notifications. The notification polling loop should check active alerts against the latest prices and push an in-app notification to the drawer when a price crosses the user's threshold.

Scope

• On each 60-second notification poll, fetch the current price for each key the user has an active alert on
• Compare the fetched price against the alert's targetPrice and direction
• If the threshold is crossed add a price_alert notification to the in-app notification list
• Mark the alert as triggered in the backend via PATCH /alerts/:alertId/triggered and remove it from active monitoring
• Show the notification in the drawer with: key name, direction (above/below), target price, and current price

Acceptance Criteria

• Notification added to drawer when price crosses the target
• Alert marked as triggered on the backend after firing
• Alert removed from active monitoring after triggering
• Notification shows correct key name, direction, target, and current price
• No duplicate notifications for the same alert

ETA: 12 hours

---

Coordinate on Telegram

[oyinade247]

Can I work onthis pleaseeeeeeeee

[ZacLou]

I'd like to work on this issue. I have relevant experience with this tech stack and can deliver a clean, well-tested PR. I can submit within 1-2 days.

[ZacLou]

I'd like to work on this. Happy to implement the UI/frontend pieces described and follow the existing codebase patterns.

[Fading-Dev]

Hi,I am available to work on this issue ,i provide senior level execution clean code,full testing and fast turnaround,I can submit within 1-2days

[Ranjeet2063]

Hi maintainers, I would like to work on this issue.

I have strong experience building Web3 real-time alerts, browser notifications, and price tracking state managers.

Implementation Plan:

1. Build local storage & IndexedDB persistence for user-configured price watch targets per key.
2. Wire real-time price subscription stream to compare latest pricing against configured upper/lower alert thresholds.
3. Trigger in-app toast alerts and optional browser Web Notifications with actionable links to the trading pair.
4. Add unit tests for threshold evaluations, alert debounce logic, and notification dismissal.
5. Ready to submit a clean PR within 24 hours.

[uche102]

Hi maintainer please I would like to work on this

[guptakumarranjeet150]

Hello @maintainers,

I would like to resolve this issue. Here is my proposed execution plan:

• Implementation: Build Add an in-app price alert notification that fires when a watched key crosses the user's target price with clean React/Next.js components, responsive styling, and proper loading/error boundaries.
• Testing & Verification: Add component unit tests and ensure zero TypeScript/ESLint warnings.
• Delivery: Ready to ship a thoroughly tested PR within 12–24 hours with passing CI.

Looking forward to contributing—please feel free to assign!

[shobhamerabacha-star]

Hey team,

I can tackle Add an in-app price alert notification that fires when a watched key crosses the user's target price. Proposed implementation roadmap:

• Analysis: Inspect current behavior and edge cases in accesslayerorg/accesslayer-client
• Implementation: Build Add an in-app price alert notification that fires when a watched key crosses the user's target price with clean React/Next.js components, responsive styling, and proper loading/error boundaries.
• Testing: Add component unit tests and ensure zero TypeScript/ESLint warnings.
• PR: Atomic commit with clean git hygiene and passing CI

Looking forward to contributing—please feel free to assign!