NotBigGhostandClaude Opus 4.8
f4286ffa6c
Новая система уведомлений поверх готовой SSE-шины: события пишутся в БД,
живут 72 часа и чистятся (при чтении списка + фоновой задачей), всплывают
сверху экрана в момент прихода, доступны через колокольчик в правом верхнем
углу (бейдж непрочитанных + панель).
Типы: приглашение в группу (→ /group), старт/финиш партии участникам кроме
инициатора (→ /match/{id}). Титулы — готовый хелпер-задел (не подключён, т.к.
выдача титулов игрокам ещё не реализована).
Бэкенд: модель Notification + миграция 0008 (идемпотентная), notification_service,
notify.notifications_changed, роутер /api/notifications (GET + /read), триггеры
в groups/matches, фоновая чистка в lifespan, защита hub.publish от закрытого loop.
Фронт: useNotifications/useMarkNotificationsRead, NotificationBell/Panel/Toaster,
перекомпоновка top-bar, стили; useServerEvents знает тип notifications.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
26 lines
916 B
TypeScript
26 lines
916 B
TypeScript
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
|
|
|
|
import { api, unwrap } from "../api/client";
|
|
import { qk } from "../api/queryKeys";
|
|
import type { components } from "../api/schema";
|
|
|
|
export type Notification = components["schemas"]["NotificationRead"];
|
|
|
|
export function useNotifications(enabled: boolean) {
|
|
return useQuery({
|
|
queryKey: qk.notifications,
|
|
queryFn: async () => unwrap(await api.GET("/api/notifications")),
|
|
enabled,
|
|
});
|
|
}
|
|
|
|
export function useMarkNotificationsRead() {
|
|
const qc = useQueryClient();
|
|
return useMutation({
|
|
// ids не задаём → сервер отметит прочитанными все непрочитанные.
|
|
mutationFn: async (ids?: number[]) =>
|
|
unwrap(await api.POST("/api/notifications/read", { body: { ids: ids ?? null } })),
|
|
onSuccess: () => qc.invalidateQueries({ queryKey: qk.notifications }),
|
|
});
|
|
}
|