notificationCard
Tokens do card de notificações (NotifCard). Row com ícone SVG 62×62 do serviço, título, horário e corpo da mensagem.
Novo passeio disponívelAgora
Nascer do Sol no Morro 2 Irmãos está com vagas limitadas para amanhã.NotifCard
Serviço
Moléculas
Molecule/NotificationCard/IconVariants: Passeios, Shows, eSIM — 62×62
Passeios
Shows
eSIM
Molecule/NotificationCard/HeaderTítulo (16 Semibold) + horário (12 Medium white50) — row space-between
Novo show disponível12:30
Molecule/NotificationCard/CardCard completo — padding 12, gap 12, bg white10
Passeio recomendadoAgora
Nascer do Sol no Morro 2 Irmãos está com vagas limitadas para amanhã.Dimensões
| Token | Valor | Descrição |
|---|---|---|
cardPadding | 12 | Padding interno do card |
borderRadius | 16 | Border radius do card (radius.lg) |
cardGap | 12 | Gap entre ícone e conteúdo |
iconSize | 62 | Width e height do ícone SVG |
contentGap | 8 | Gap entre header e body do conteúdo |
listItemGap | 12 | Gap entre cards na FlatList |
Tipografia
| Token | Valor | Descrição |
|---|---|---|
titleFontSize | 16 | Font size do título |
titleFontFamily | Semibold | Peso do título |
timeFontSize | 12 | Font size do horário |
timeFontFamily | Medium | Peso do horário |
bodyFontSize | 14 | Font size do corpo |
bodyFontFamily | Medium | Peso do corpo |
bodyLineHeight | 20 | Line height do corpo |
Cores
white10rgba(255,255,255,0.10)Fundo do card
white#FFFFFFTítulo e corpo
white50rgba(255,255,255,0.50)Horário da notificação
Endpoint
tsx
copy
// Notificações chegam via Firebase Cloud Messaging (FCM)
// Armazenadas localmente em AsyncStorage após recebimento
StoredNotification shape:
{
id: string,
title: string,
body: string,
receivedAt: string, // ISO date
targetService: "passeios" | "shows" | "esim" | null,
city: string | null,
sourceId: string | null
}
// Ícone do serviço: SVG 62×62 em /assets/notif/
// passeios → explore.svg | shows → music.svg | esim → sim.svg