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.

explore
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
explore
Passeios
music_note
Shows
sim_card
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
explore
Passeio recomendadoAgora
Nascer do Sol no Morro 2 Irmãos está com vagas limitadas para amanhã.

Dimensões

TokenValorDescrição
cardPadding12Padding interno do card
borderRadius16Border radius do card (radius.lg)
cardGap12Gap entre ícone e conteúdo
iconSize62Width e height do ícone SVG
contentGap8Gap entre header e body do conteúdo
listItemGap12Gap entre cards na FlatList

Tipografia

TokenValorDescrição
titleFontSize16Font size do título
titleFontFamilySemiboldPeso do título
timeFontSize12Font size do horário
timeFontFamilyMediumPeso do horário
bodyFontSize14Font size do corpo
bodyFontFamilyMediumPeso do corpo
bodyLineHeight20Line 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