- Adiciona ThemeProvider com next-themes para controle de tema - Implementa componente SimpleThemeToggle com ícones sol/lua - Configura CSS variables completas para light/dark modes no globals.css - Padroniza todas as páginas de autenticação (login, login-admin, login-paciente) - Padroniza todos os módulos principais (dashboard, pacientes, doutores, consultas, calendar, configuração) - Padroniza completamente área profissional com todas as seções: * Calendário e agendamentos * Busca e gestão de pacientes * Prontuários médicos completos * Comunicação e relatórios * Seções de exames (solicitados, resultados, diagnósticos, prescrições, evolução, anexos) - Atualiza componentes UI (input, select, textarea) com bordas visíveis - Implementa suporte dark mode em tooltips, badges de status e mensagens - Garante acessibilidade e consistência visual em ambos os modos - Mantém funcionalidades existentes sem breaking changes Todos os elementos agora respondem adequadamente ao toggle de tema, proporcionando experiência de usuário consistente e acessível.
42 lines
1.5 KiB
TypeScript
42 lines
1.5 KiB
TypeScript
export default function DashboardPage() {
|
|
return (
|
|
<>
|
|
<div className="space-y-6 p-6 bg-background">
|
|
<div>
|
|
<h1 className="text-2xl font-bold text-foreground">Dashboard</h1>
|
|
<p className="text-muted-foreground">
|
|
Bem-vindo ao painel de controle
|
|
</p>
|
|
</div>
|
|
|
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
|
<div className="bg-card p-6 rounded-lg border">
|
|
<h3 className="text-sm font-medium text-muted-foreground">
|
|
Total de Pacientes
|
|
</h3>
|
|
<p className="text-2xl font-bold text-foreground">1,234</p>
|
|
</div>
|
|
<div className="bg-card p-6 rounded-lg border">
|
|
<h3 className="text-sm font-medium text-muted-foreground">
|
|
Consultas Hoje
|
|
</h3>
|
|
<p className="text-2xl font-bold text-foreground">28</p>
|
|
</div>
|
|
<div className="bg-card p-6 rounded-lg border">
|
|
<h3 className="text-sm font-medium text-muted-foreground">
|
|
Próximas Consultas
|
|
</h3>
|
|
<p className="text-2xl font-bold text-foreground">45</p>
|
|
</div>
|
|
<div className="bg-card p-6 rounded-lg border">
|
|
<h3 className="text-sm font-medium text-muted-foreground">
|
|
Receita Mensal
|
|
</h3>
|
|
<p className="text-2xl font-bold text-foreground">R$ 45.230</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|