Sistema de Notificações
Sistema de Notificações Personalizadas
Agora o site possui um sistema completo de notificações em tempo real. Teste criando notificações de diferentes tipos abaixo.
Notificação Informativa
Para comunicados gerais e informações úteis
Notificação de Sucesso
Para confirmar ações bem-sucedidas
Notificação de Aviso
Para alertas e avisos importantes
Notificação de Erro
Para reportar erros e problemas
Recursos do Sistema
O que está incluído no sistema de notificações
- Notificações em tempo real - Receba atualizações instantâneas
- Contador de não lidas - Veja quantas notificações novas você tem
- Marcar como lida - Individual ou todas de uma vez
- Remover notificações - Mantenha sua caixa organizada
- Tipos personalizados - Info, Sucesso, Aviso e Erro
- Design responsivo - Funciona perfeitamente em todos os dispositivos
Como Usar no Código
// Criar notificação
const createNotif = trpc.notifications.create.useMutation();
createNotif.mutate({
userId: user.id,
title: "Bem-vindo!",
message: "Obrigado por se cadastrar.",
type: "success"
});
// Listar notificações
const { data } = trpc.notifications.list.useQuery();
// Contador de não lidas
const { data: count } = trpc.notifications.unreadCount.useQuery();