feat(dashboard): configurable notification sound, desktop popups & tab unread badge
CI/CD / CI · API (dotnet build + test) (push) Has been cancelled
CI/CD / CI · Admin API (dotnet build) (push) Has been cancelled
CI/CD / CI · Dashboard (tsc) (push) Has been cancelled
CI/CD / CI · Admin Web (tsc) (push) Has been cancelled
CI/CD / CI · Website (tsc) (push) Has been cancelled
CI/CD / CI · Koja (tsc) (push) Has been cancelled
CI/CD / Deploy · all services (push) Has been cancelled

Per-device notification preferences (localStorage) drive three new alert
channels in the dashboard shell, all fed by the existing SignalR
NotificationReceived events:

- Sound: 6 selectable procedural Web Audio chimes + volume, no asset files.
- Desktop/Windows popups via the Notification API, fired only when the tab
  is backgrounded (in-app toast covers the focused case).
- Unread count on the browser tab: (N) title prefix + numbered favicon badge.

useOrderAlerts is now the single orchestrator (sound + toast + desktop),
each gated by prefs; topbar feed enableToasts disabled to avoid double toasts.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
soroush.asadi
2026-06-21 05:08:02 +03:30
parent aebfa825cd
commit 149a4d88cd
7 changed files with 440 additions and 45 deletions
@@ -22,8 +22,9 @@ export function NotificationCenter() {
const [open, setOpen] = useState(false);
const [selected, setSelected] = useState<CafeNotification | null>(null);
// Toasts/sounds/desktop popups are owned by useOrderAlerts (mounted once in the
// dashboard shell) so they fire exactly once; here we only need the bell feed.
const { items, unreadCount, openNotification, markAllRead } = useNotificationsFeed({
enableToasts: true,
limit: 20,
});