Skip to main content

​
Visão Geral

O Dashboard é a página principal após o login, oferecendo uma visão completa das campanhas e atividades do sistema.
O Dashboard mostra dados específicos da empresa do usuário logado e pode ser atualizado manualmente a qualquer momento.

​
Métricas Principais

O Dashboard exibe 4 métricas principais em cards destacados:

Campanhas em Andamento

Campanhas atualmente ativas enviando mensagens

Campanhas Agendadas

Campanhas programadas para execução futura

Campanhas Concluídas

Total de campanhas finalizadas

Mensagens Enviadas

Total acumulado de mensagens disparadas

​
Seções do Dashboard

​
📊 Cards de Estatísticas

Cada card mostra:
  • Título: Descrição da métrica
  • Valor: Número atualizado em tempo real
  • Ícone: Representação visual da métrica
  • Cor: Indicação visual do tipo de métrica

​
📋 Atividade Recente

A seção de atividades mostra os últimos eventos do sistema:

​
Tipos de Atividade

  • Campanhas
  • Mensagens
  • Contatos
  • Campanha Iniciada - Nova campanha começou a enviar
  • Campanha Pausada - Campanha foi pausada
  • Campanha Concluída - Campanha finalizada

​
Informações da Atividade

Cada item de atividade mostra:
  • Ícone e Cor - Identificação visual do tipo
  • Descrição - O que aconteceu
  • Tempo - Há quanto tempo ocorreu (ex: “há 5 minutos”)
  • Detalhes - Informações adicionais quando relevante

​
🔄 Atualização de Dados

Há dois controles de atualização:
  • Atualizar Stats: recarrega apenas os cartões de métricas
  • Atualizar Tudo: recarrega métricas e atividades

​
Estados do Dashboard

​
Carregando

Ao acessar o dashboard ou atualizar dados:
  • Mensagem “Carregando dados do dashboard…”
  • Spinner de carregamento
  • Desabilita interações temporariamente

​
Erro

Se houver problemas ao carregar dados:
  • Mensagem de erro clara
  • Botão “Tentar novamente”
  • Mantém dados anteriores em cache quando possível

​
Sem Atividades

Para empresas novas ou sem atividade recente:
  • Ícone ilustrativo
  • Mensagem explicativa
  • Orientação sobre próximos passos

​
Funcionalidades

​
Paginação de Atividades

  • Carrega inicialmente 20 atividades
  • Botão “Carregar mais” quando há mais itens
  • Carregamento incremental para melhor performance

​
Responsividade

O dashboard se adapta a diferentes tamanhos de tela:
  • Desktop
  • Tablet
  • Mobile
  • Grid de 4 colunas para métricas
  • Layout amplo para atividades
  • Todos os detalhes visíveis

​
Dark Mode

O dashboard suporta tema escuro automático:
  • Cards: Fundo cinza escuro com bordas sutis
  • Texto: Cores ajustadas para melhor contraste
  • Ícones: Cores vibrantes mantidas para destaque
  • Transições: Suaves ao alternar entre temas

​
Integração com API

​
Endpoint Principal

GET /api/dashboard/company/{companyId}

​
Estrutura de Dados

interface DashboardData {
  stats: {
    activeCampaigns: number;
    scheduledCampaigns: number;
    completedCampaigns: number;
    totalMessagesSent: number;
  };
  recentActivities: Array<{
    id: number;
    type: string;
    description: string;
    timestamp: string;
    metadata?: any;
  }>;
}

​
Personalização Futura

Funcionalidades planejadas para próximas versões:
  • Filtros por período
  • Exportação de dados
  • Gráficos interativos
  • Widgets customizáveis
  • Alertas e notificações

​
Dicas de Uso

Monitoramento

Verifique o dashboard regularmente para acompanhar suas campanhas

Performance

Use o botão atualizar apenas quando necessário para economizar recursos

Atividades

Revise as atividades recentes para identificar padrões ou problemas

Métricas

Compare métricas ao longo do tempo para avaliar performance

​
Solução de Problemas

​
Dashboard não carrega

  1. Verifique sua conexão com a internet
  2. Confirme se está logado corretamente
  3. Tente limpar o cache do navegador
  4. Use o botão “Tentar novamente”

​
Dados desatualizados

  1. Clique no botão “Atualizar”
  2. Verifique se há campanhas em execução
  3. Confirme que a API está respondendo

​
Atividades não aparecem

  1. Verifique se há atividade recente na empresa
  2. Crie uma campanha de teste
  3. Aguarde alguns minutos para sincronização
⌘I