+
+ Área do Profissional de Saúde
+ +Bem-vindo à sua área exclusiva.
+ + {renderActiveSection()} +
+ {}}
+ />
+ )}
+
+
+ );
+}
\ No newline at end of file
diff --git a/susconecta/app/dashboard/pacientes/page.tsx b/susconecta/app/dashboard/pacientes/page.tsx
index d35bbd1..106bf4c 100644
--- a/susconecta/app/dashboard/pacientes/page.tsx
+++ b/susconecta/app/dashboard/pacientes/page.tsx
@@ -1,381 +1,251 @@
-"use client"
-import { useState } from "react"
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-import { Badge } from "@/components/ui/badge"
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
-import {
- Dialog,
- DialogContent,
- DialogDescription,
- DialogHeader,
- DialogTitle,
- DialogTrigger,
-} from "@/components/ui/dialog"
-import { Label } from "@/components/ui/label"
-import { Search, Filter, Plus, MoreHorizontal, Calendar, Gift, Eye, Edit, Trash2, CalendarPlus } from "lucide-react"
+"use client";
-const patients = [
- {
- id: 1,
- name: "Aaron Avalos Perez",
- phone: "(75) 99982-6363",
- city: "Aracaju",
- state: "Sergipe",
- lastAppointment: "26/09/2025 14:30",
- nextAppointment: "19/08/2025 15:00",
- isVip: false,
- convenio: "unimed",
- birthday: "1985-03-15",
- age: 40,
- },
- {
- id: 2,
- name: "ABENANDO OLIVEIRA DE JESUS",
- phone: "(75) 99986-0093",
- city: "-",
- state: "-",
- lastAppointment: "Ainda não houve atendimento",
- nextAppointment: "Nenhum atendimento agendado",
- isVip: false,
- convenio: "particular",
- birthday: "1978-12-03",
- age: 46,
- },
- {
- id: 3,
- name: "ABDIAS DANTAS DOS SANTOS",
- phone: "(75) 99125-7267",
- city: "São Cristóvão",
- state: "Sergipe",
- lastAppointment: "30/12/2024 08:40",
- nextAppointment: "Nenhum atendimento agendado",
- isVip: true,
- convenio: "bradesco",
- birthday: "1990-12-03",
- age: 34,
- },
- {
- id: 4,
- name: "Abdias Matheus Rodrigues Ferreira",
- phone: "(75) 99983-7711",
- city: "Pirambu",
- state: "Sergipe",
- lastAppointment: "04/09/2024 16:20",
- nextAppointment: "Nenhum atendimento agendado",
- isVip: false,
- convenio: "amil",
- birthday: "1982-12-03",
- age: 42,
- },
- {
- id: 5,
- name: "Abdon Ferreira Guerra",
- phone: "(75) 99971-0228",
- city: "-",
- state: "-",
- lastAppointment: "08/05/2025 08:00",
- nextAppointment: "Nenhum atendimento agendado",
- isVip: false,
- convenio: "unimed",
- birthday: "1975-12-03",
- age: 49,
- },
-]
+import { useEffect, useMemo, useState } from "react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
+import { MoreHorizontal, Plus, Search, Eye, Edit, Trash2, ArrowLeft } from "lucide-react";
+
+import { Paciente, Endereco, listarPacientes, buscarPacientePorId, excluirPaciente } from "@/lib/api";
+import { PatientRegistrationForm } from "@/components/forms/patient-registration-form";
+
+
+function normalizePaciente(p: any): Paciente {
+ const endereco: Endereco = {
+ cep: p.endereco?.cep ?? p.cep ?? "",
+ logradouro: p.endereco?.logradouro ?? p.logradouro ?? "",
+ numero: p.endereco?.numero ?? p.numero ?? "",
+ complemento: p.endereco?.complemento ?? p.complemento ?? "",
+ bairro: p.endereco?.bairro ?? p.bairro ?? "",
+ cidade: p.endereco?.cidade ?? p.cidade ?? "",
+ estado: p.endereco?.estado ?? p.estado ?? "",
+ };
+
+ return {
+ id: String(p.id ?? p.uuid ?? p.paciente_id ?? ""),
+ nome: p.nome ?? "",
+ nome_social: p.nome_social ?? null,
+ cpf: p.cpf ?? "",
+ rg: p.rg ?? null,
+ sexo: p.sexo ?? null,
+ data_nascimento: p.data_nascimento ?? null,
+ telefone: p.telefone ?? "",
+ email: p.email ?? "",
+ endereco,
+ observacoes: p.observacoes ?? null,
+ foto_url: p.foto_url ?? null,
+ };
+}
export default function PacientesPage() {
- const [searchTerm, setSearchTerm] = useState("")
- const [selectedConvenio, setSelectedConvenio] = useState("all") // Updated default value to "all"
- const [showVipOnly, setShowVipOnly] = useState(false)
- const [showBirthdays, setShowBirthdays] = useState(false)
- const [advancedFilters, setAdvancedFilters] = useState({
- city: "",
- state: "",
- minAge: "",
- maxAge: "",
- lastAppointmentFrom: "",
- lastAppointmentTo: "",
- })
- const [isAdvancedFilterOpen, setIsAdvancedFilterOpen] = useState(false)
+ const [patients, setPatients] = useState
+
+
+ {activeTab === 'agenda' ? (
+
+
+ Agendamento
+Gerencie a agenda da clínica
+
+
+
+
+ Carregando pacientes...
; + if (error) return{error}
; + + if (showForm) { return ( - matchesSearch && - matchesConvenio && - matchesVip && - matchesBirthday && - matchesCity && - matchesState && - matchesMinAge && - matchesMaxAge - ) - }) +
+ setShowForm(false)}
+ />
+
+ );
}
return (
+
+
- const clearAdvancedFilters = () => {
- setAdvancedFilters({
- city: "",
- state: "",
- minAge: "",
- maxAge: "",
- lastAppointmentFrom: "",
- lastAppointmentTo: "",
- })
- }
-
- const handleViewDetails = (patientId: number) => {
- console.log("[v0] Ver detalhes do paciente:", patientId)
- // TODO: Navigate to patient details page
- }
-
- const handleEditPatient = (patientId: number) => {
- console.log("[v0] Editar paciente:", patientId)
- // TODO: Navigate to edit patient form
- }
-
- const handleScheduleAppointment = (patientId: number) => {
- console.log("[v0] Marcar consulta para paciente:", patientId)
- // TODO: Open appointment scheduling modal
- }
-
- const handleDeletePatient = (patientId: number) => {
- console.log("[v0] Excluir paciente:", patientId)
- // TODO: Show confirmation dialog and delete patient
+ {editingId ? "Editar paciente" : "Novo paciente"}
+
- {/* Header */}
-
+ {}
+
-
- {/* Filters */}
- (null);
+ const [events, setEvents] = useState([
+
+ {
+ id: 1,
+ title: "Ana Souza",
+ type: "Cardiologia",
+ time: "09:00",
+ date: new Date().toISOString().split('T')[0],
+ pacienteId: "123.456.789-00",
+ color: colorsByType.Cardiologia
+ },
+ {
+ id: 2,
+ title: "Bruno Lima",
+ type: "Rotina",
+ time: "10:30",
+ date: new Date().toISOString().split('T')[0],
+ pacienteId: "987.654.321-00",
+ color: colorsByType.Rotina
+ },
+ {
+ id: 3,
+ title: "Carla Menezes",
+ type: "Dermatologia",
+ time: "14:00",
+ date: new Date().toISOString().split('T')[0],
+ pacienteId: "111.222.333-44",
+ color: colorsByType.Dermatologia
+ }
+ ]);
+ const [editingEvent, setEditingEvent] = useState(null);
+ const [showPopup, setShowPopup] = useState(false);
+ const [showActionModal, setShowActionModal] = useState(false);
+ const [step, setStep] = useState(1);
+ const [newEvent, setNewEvent] = useState({
+ title: "",
+ type: "",
+ time: "",
+ pacienteId: ""
+ });
+ const [selectedDate, setSelectedDate] = useState(null);
+ const [selectedEvent, setSelectedEvent] = useState(null);
+ const [currentCalendarDate, setCurrentCalendarDate] = useState(new Date());
+
+ const handleSave = (event: React.MouseEvent) => {
+ event.preventDefault();
+ console.log("Laudo salvo!");
+ window.scrollTo({ top: 0, behavior: "smooth" });
+ };
+
+ const handleAbrirProntuario = (paciente: any) => {
+ setPacienteSelecionado(paciente);
+
+ const pacienteLaudo = document.getElementById('pacienteLaudo') as HTMLInputElement;
+ if (pacienteLaudo) pacienteLaudo.value = paciente.nome;
+
+ const destinatario = document.getElementById('destinatario') as HTMLInputElement;
+ if (destinatario) destinatario.value = `${paciente.nome} - ${paciente.cpf}`;
+
+ const prontuarioSection = document.getElementById('prontuario-paciente');
+ if (prontuarioSection) {
+ prontuarioSection.scrollIntoView({ behavior: 'smooth' });
+ }
+ };
+
+ const handleFecharProntuario = () => {
+ setPacienteSelecionado(null);
+ };
+
+
+ const navigateDate = (direction: 'prev' | 'next') => {
+ const newDate = new Date(currentCalendarDate);
+ newDate.setDate(newDate.getDate() + (direction === 'next' ? 1 : -1));
+ setCurrentCalendarDate(newDate);
+ };
+
+ const goToToday = () => {
+ setCurrentCalendarDate(new Date());
+ };
+
+ const formatDate = (date: Date) => {
+ return date.toLocaleDateString('pt-BR', {
+ weekday: 'long',
+ day: 'numeric',
+ month: 'long',
+ year: 'numeric'
+ });
+ };
+
+ // Filtrar eventos do dia atual
+ const getTodayEvents = () => {
+ const today = currentCalendarDate.toISOString().split('T')[0];
+ return events
+ .filter(event => event.date === today)
+ .sort((a, b) => a.time.localeCompare(b.time));
+ };
+
+ const getStatusColor = (type: string) => {
+ return colorsByType[type as keyof typeof colorsByType] || "#4dabf7";
+ };
+
+
+ const handleDateClick = (arg: any) => {
+ setSelectedDate(arg.dateStr);
+ setNewEvent({ title: "", type: "", time: "", pacienteId: "" });
+ setStep(1);
+ setEditingEvent(null);
+ setShowPopup(true);
+ };
+
+
+ const handleAddEvent = () => {
+ const paciente = pacientes.find(p => p.nome === newEvent.title);
+ const eventToAdd = {
+ id: Date.now(),
+ title: newEvent.title,
+ type: newEvent.type,
+ time: newEvent.time,
+ date: selectedDate || currentCalendarDate.toISOString().split('T')[0],
+ pacienteId: paciente ? paciente.cpf : "",
+ color: colorsByType[newEvent.type as keyof typeof colorsByType] || "#4dabf7"
+ };
+ setEvents((prev) => [...prev, eventToAdd]);
+ setShowPopup(false);
+ };
+
+
+ const handleEditEvent = () => {
+ setEvents((prevEvents) =>
+ prevEvents.map((ev) =>
+ ev.id.toString() === editingEvent.id.toString()
+ ? {
+ ...ev,
+ title: newEvent.title,
+ type: newEvent.type,
+ time: newEvent.time,
+ color: colorsByType[newEvent.type as keyof typeof colorsByType] || "#4dabf7"
+ }
+ : ev
+ )
+ );
+ setEditingEvent(null);
+ setShowPopup(false);
+ setShowActionModal(false);
+ };
+
+
+ const handleNextStep = () => {
+ if (step < 3) setStep(step + 1);
+ else editingEvent ? handleEditEvent() : handleAddEvent();
+ };
+
+
+ const handleEventClick = (clickInfo: any) => {
+ setSelectedEvent(clickInfo.event);
+ setShowActionModal(true);
+ };
+
+
+ const handleDeleteEvent = () => {
+ if (!selectedEvent) return;
+ setEvents((prevEvents) =>
+ prevEvents.filter((ev: any) => ev.id.toString() !== selectedEvent.id.toString())
+ );
+ setShowActionModal(false);
+ };
+
+
+ const handleStartEdit = () => {
+ if (!selectedEvent) return;
+ setEditingEvent(selectedEvent);
+ setNewEvent({
+ title: selectedEvent.title,
+ type: selectedEvent.extendedProps.type,
+ time: selectedEvent.extendedProps.time,
+ pacienteId: selectedEvent.extendedProps.pacienteId || ""
+ });
+ setStep(1);
+ setShowActionModal(false);
+ setShowPopup(true);
+ };
+
+
+ const renderEventContent = (eventInfo: any) => {
+ const bg = eventInfo.event.backgroundColor || eventInfo.event.extendedProps?.color || "#4dabf7";
+
+ return (
+
+
+ );
+ };
+
+
+ const renderPacientesSection = () => (
+
+
+ );
+
+
+ const renderComunicacaoSection = () => (
+
+
+ );
+
+
+ const renderActiveSection = () => {
+ switch (activeSection) {
+ case 'calendario':
+ return renderCalendarioSection();
+ case 'pacientes':
+ return renderPacientesSection();
+ case 'prontuario':
+ return renderProntuarioSection();
+ case 'laudos':
+ return renderLaudosSection();
+ case 'comunicacao':
+ return renderComunicacaoSection();
+ case 'perfil':
+ return renderPerfilSection();
+ default:
+ return renderCalendarioSection();
+ }
+ };
+
+ return (
+
-
-
- Pacientes
-Gerencie as informações de seus pacientes
-
-
- {/* Table */}
-
-
-
-
-
-
-
-
-
+ Pacientes
+Gerencie os pacientes
+
+
+
+
+
+
-
- )
+ );
}
diff --git a/susconecta/app/layout.tsx b/susconecta/app/layout.tsx
index 853cc31..f127de6 100644
--- a/susconecta/app/layout.tsx
+++ b/susconecta/app/layout.tsx
@@ -1,26 +1,13 @@
import type React from "react"
import type { Metadata } from "next"
-import { Geist, Geist_Mono } from "next/font/google"
import "./globals.css"
-const geistSans = Geist({
- subsets: ["latin"],
- display: "swap",
- variable: "--font-geist-sans",
-})
-
-const geistMono = Geist_Mono({
- subsets: ["latin"],
- display: "swap",
- variable: "--font-geist-mono",
-})
-
export const metadata: Metadata = {
title: "SUSConecta - Conectando Pacientes e Profissionais de Saúde",
description:
"Plataforma inovadora que conecta pacientes e médicos de forma prática, segura e humanizada. Experimente o futuro dos agendamentos médicos.",
keywords: "saúde, médicos, pacientes, agendamento, telemedicina, SUS",
- generator: 'v0.app'
+ generator: 'v0.app'
}
export default function RootLayout({
@@ -29,8 +16,8 @@ export default function RootLayout({
children: React.ReactNode
}) {
return (
-
- {children}
+
+ {children}
)
}
diff --git a/susconecta/app/profissional/page.tsx b/susconecta/app/profissional/page.tsx
new file mode 100644
index 0000000..d69ffda
--- /dev/null
+++ b/susconecta/app/profissional/page.tsx
@@ -0,0 +1,858 @@
+"use client";
+
+import React, { useState } from "react";
+import Link from "next/link";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Textarea } from "@/components/ui/textarea";
+import {
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from "@/components/ui/table";
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@/components/ui/select";
+import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar"
+import { User, FolderOpen, X, Users, MessageSquare, ClipboardList, Plus, Edit, Trash2, ChevronLeft, ChevronRight, Clock } from "lucide-react"
+import { Calendar as CalendarIcon, FileText, Settings } from "lucide-react";
+import {
+ Tooltip,
+ TooltipContent,
+ TooltipProvider,
+ TooltipTrigger,
+} from "@/components/ui/tooltip";
+
+
+import dynamic from "next/dynamic";
+import dayGridPlugin from "@fullcalendar/daygrid";
+import timeGridPlugin from "@fullcalendar/timegrid";
+import interactionPlugin from "@fullcalendar/interaction";
+import ptBrLocale from "@fullcalendar/core/locales/pt-br";
+
+const FullCalendar = dynamic(() => import("@fullcalendar/react"), {
+ ssr: false,
+});
+
+const pacientes = [
+ { nome: "Ana Souza", cpf: "123.456.789-00", idade: 42, statusLaudo: "Finalizado" },
+ { nome: "Bruno Lima", cpf: "987.654.321-00", idade: 33, statusLaudo: "Pendente" },
+ { nome: "Carla Menezes", cpf: "111.222.333-44", idade: 67, statusLaudo: "Rascunho" },
+];
+
+const medico = {
+ nome: "Dr. Carlos Andrade",
+ identificacao: "CRM 000000 • Cardiologia",
+ fotoUrl: "",
+}
+
+
+const colorsByType = {
+ Rotina: "#4dabf7",
+ Cardiologia: "#f76c6c",
+ Otorrino: "#f7b84d",
+ Pediatria: "#6cf78b",
+ Dermatologia: "#9b59b6",
+ Oftalmologia: "#2ecc71"
+};
+
+const ProfissionalPage = () => {
+ const [activeSection, setActiveSection] = useState('calendario');
+ const [pacienteSelecionado, setPacienteSelecionado] = useState
- Mostrando {filteredPatients.length} de {patients.length} pacientes
-
+ Mostrando {filtered.length} de {patients.length}
+ {eventInfo.event.title}
+ •
+ {eventInfo.event.extendedProps.type}
+ •
+ {eventInfo.event.extendedProps.time}
+
+ );
+ };
+
+
+ const renderCalendarioSection = () => {
+ const todayEvents = getTodayEvents();
+
+ return (
+
+
+
+ {/* Navegação de Data */}
+ Agenda do Dia
+
+
+
+ {/* Lista de Pacientes do Dia */}
+
+
+
+ + {formatDate(currentCalendarDate)} +
+ + +
+ {todayEvents.length} consulta{todayEvents.length !== 1 ? 's' : ''} agendada{todayEvents.length !== 1 ? 's' : ''}
+
+
+ {todayEvents.length === 0 ? (
+
+
+
+ ) : (
+ todayEvents.map((appointment) => {
+ const paciente = pacientes.find(p => p.nome === appointment.title);
+ return (
+ Nenhuma consulta agendada para este dia
+Agenda livre para este dia
+
+
+ );
+ })
+ )}
+
+
+
+
+
+
+
+
+
+ {paciente && (
+
+ CPF: {paciente.cpf} • {paciente.idade} anos
+
+ )}
+
+
+
+
+
+ {appointment.type}
+
+
+
+
+
+
+
+ Ver informações do paciente
+
+
+
+
+
+
+ );
+
+
+ const renderProntuarioSection = () => (
+ Gerenciamento de Pacientes
+
+
+ );
+
+
+ const renderLaudosSection = () => (
+ Prontuário do Paciente
+ {pacienteSelecionado && ( +
+
+ )}
+
+
+ Dados do Paciente
+ +
+
+
+ Nome:
+
+ {pacienteSelecionado.nome}
+
+ CPF:
+
+ {pacienteSelecionado.cpf}
+
+ Idade:
+
+ {pacienteSelecionado.idade} anos
+
+
+
+
+
+ + 03/09/2025 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Página em construção
+
+
+ );
+
+
+ const renderPerfilSection = () => (
+ Comunicação com o Paciente
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 03/09/2025
+
+
+
+ Pendente
+
+
+
+
+
+ "Ok, obrigado pelo lembrete!"
+03/09/2025 14:30
+
+
+
+ Página em construção
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default ProfissionalPage;
\ No newline at end of file
diff --git a/susconecta/components/about-section.tsx b/susconecta/components/about-section.tsx
index 1b18ef8..bc84654 100644
--- a/susconecta/components/about-section.tsx
+++ b/susconecta/components/about-section.tsx
@@ -8,9 +8,9 @@ export function AboutSection() {
+
+ Conta do profissional
+{medico.nome}
+{medico.identificacao}
+
+ {}
+
+
+
+
+
+
+ {}
+ {showPopup && (
+
+
+
+ )}
+
+ {}
+ {showActionModal && selectedEvent && (
+
+
+ {step === 1 && (
+ <>
+
+ Selecionar Paciente
++ Data: {selectedDate ? new Date(selectedDate + 'T00:00:00').toLocaleDateString('pt-BR') : 'Não selecionada'} +
+ +
+
+
+
+
+ )}
+
+ {step === 2 && (
+ <>
+ Tipo da Consulta
+ +
+
+
+
+
+ )}
+
+ {step === 3 && (
+ <>
+ Horário da Consulta
+ setNewEvent({ ...newEvent, time: e.target.value })} + className="mb-4" + /> +
+
+
+
+
+ )}
+
+
+ )}
+
+
+ + Consulta de {selectedEvent.title} +
++ {selectedEvent.extendedProps.type} às {selectedEvent.extendedProps.time} +
+ +
+
+
+
+
+
+
- {/* Left Content */}
+ {}
- {/* Professional Image */}
+ {}
- {/* Objective Card */}
+ {}
@@ -36,7 +36,7 @@ export function AboutSection() {
- {/* Right Content */}
+ {}
diff --git a/susconecta/components/agenda/page.tsx b/susconecta/components/agenda/page.tsx
new file mode 100644
index 0000000..2117f9f
--- /dev/null
+++ b/susconecta/components/agenda/page.tsx
@@ -0,0 +1,119 @@
+
+'use client';
+
+import { useState } from 'react';
+import { AgendaCalendar, AppointmentModal, ListaEspera } from '@/components/agendamento';
+
+
+const mockAppointments = [
+ { id: '1', patient: 'Ana Costa', time: '2025-09-10T09:00', duration: 30, type: 'consulta' as const, status: 'confirmed' as const, professional: '1', notes: '' },
+ { id: '2', patient: 'Pedro Alves', time: '2025-09-10T10:30', duration: 45, type: 'retorno' as const, status: 'pending' as const, professional: '2', notes: '' },
+ { id: '3', patient: 'Mariana Lima', time: '2025-09-10T14:00', duration: 60, type: 'exame' as const, status: 'confirmed' as const, professional: '3', notes: '' },
+];
+
+const mockWaitingList = [
+ { id: '1', name: 'Ana Costa', specialty: 'Cardiologia', preferredDate: '2025-09-12', priority: 'high' as const, contact: '(11) 99999-9999' },
+ { id: '2', name: 'Pedro Alves', specialty: 'Dermatologia', preferredDate: '2025-09-15', priority: 'medium' as const, contact: '(11) 98888-8888' },
+ { id: '3', name: 'Mariana Lima', specialty: 'Ortopedia', preferredDate: '2025-09-20', priority: 'low' as const, contact: '(11) 97777-7777' },
+];
+
+const mockProfessionals = [
+ { id: '1', name: 'Dr. Carlos Silva', specialty: 'Cardiologia' },
+ { id: '2', name: 'Dra. Maria Santos', specialty: 'Dermatologia' },
+ { id: '3', name: 'Dr. João Oliveira', specialty: 'Ortopedia' },
+];
+
+export default function AgendaPage() {
+ const [appointments, setAppointments] = useState(mockAppointments);
+ const [waitingList, setWaitingList] = useState(mockWaitingList);
+ const [isModalOpen, setIsModalOpen] = useState(false);
+ const [selectedAppointment, setSelectedAppointment] = useState(null);
+ const [activeTab, setActiveTab] = useState<'agenda' | 'espera'>('agenda');
+
+ const handleSaveAppointment = (appointment: any) => {
+ if (appointment.id) {
+
+ setAppointments(prev => prev.map(a => a.id === appointment.id ? appointment : a));
+ } else {
+
+ const newAppointment = {
+ ...appointment,
+ id: Date.now().toString(),
+ };
+ setAppointments(prev => [...prev, newAppointment]);
+ }
+ };
+
+ const handleEditAppointment = (appointment: any) => {
+ setSelectedAppointment(appointment);
+ setIsModalOpen(true);
+ };
+
+ const handleAddAppointment = () => {
+ setSelectedAppointment(null);
+ setIsModalOpen(true);
+ };
+
+ const handleCloseModal = () => {
+ setIsModalOpen(false);
+ setSelectedAppointment(null);
+ };
+
+ const handleNotifyPatient = (patientId: string) => {
+
+ console.log(`Notificando paciente ${patientId}`);
+ };
+
+ return (
+ ({
+ patient: '',
+ time: '',
+ duration: 30,
+ type: 'consulta',
+ status: 'pending',
+ professional: '',
+ notes: ''
+ });
+
+ useEffect(() => {
+ if (appointment) {
+ setFormData(appointment);
+ } else {
+ setFormData({
+ patient: '',
+ time: '',
+ duration: 30,
+ type: 'consulta',
+ status: 'pending',
+ professional: professionals[0]?.id || '',
+ notes: ''
+ });
+ }
+ }, [appointment, professionals]);
+
+ const handleSubmit = (e: React.FormEvent) => {
+ e.preventDefault();
+ onSave(formData);
+ onClose();
+ };
+
+ const handleChange = (e: React.ChangeEvent) => {
+ const { name, value } = e.target;
+ setFormData(prev => ({
+ ...prev,
+ [name]: value
+ }));
+ };
+
+ if (!isOpen) return null;
+
+ return (
+
+ {/* implementar */}}
+ />
+ )}
+
+
+ );
+}
\ No newline at end of file
diff --git a/susconecta/components/agendamento/AgendaCalendar.tsx b/susconecta/components/agendamento/AgendaCalendar.tsx
new file mode 100644
index 0000000..da0abe1
--- /dev/null
+++ b/susconecta/components/agendamento/AgendaCalendar.tsx
@@ -0,0 +1,303 @@
+
+'use client';
+
+import { useState } from 'react';
+import { ChevronLeft, ChevronRight, Plus, Clock, User, Calendar as CalendarIcon } from 'lucide-react';
+
+interface Appointment {
+ id: string;
+ patient: string;
+ time: string;
+ duration: number;
+ type: 'consulta' | 'exame' | 'retorno';
+ status: 'confirmed' | 'pending' | 'absent';
+ professional: string;
+ notes: string;
+}
+
+interface Professional {
+ id: string;
+ name: string;
+ specialty: string;
+}
+
+interface AgendaCalendarProps {
+ professionals: Professional[];
+ appointments: Appointment[];
+ onAddAppointment: () => void;
+ onEditAppointment: (appointment: Appointment) => void;
+}
+
+export default function AgendaCalendar({
+ professionals,
+ appointments,
+ onAddAppointment,
+ onEditAppointment
+}: AgendaCalendarProps) {
+ const [view, setView] = useState<'day' | 'week' | 'month'>('week');
+ const [selectedProfessional, setSelectedProfessional] = useState('all');
+ const [currentDate, setCurrentDate] = useState(new Date());
+
+ const timeSlots = Array.from({ length: 11 }, (_, i) => {
+ const hour = i + 8; // Das 8h às 18h
+ return [`${hour.toString().padStart(2, '0')}:00`, `${hour.toString().padStart(2, '0')}:30`];
+ }).flat();
+
+ const getStatusColor = (status: string) => {
+ switch (status) {
+ case 'confirmed': return 'bg-green-100 border-green-500 text-green-800';
+ case 'pending': return 'bg-yellow-100 border-yellow-500 text-yellow-800';
+ case 'absent': return 'bg-red-100 border-red-500 text-red-800';
+ default: return 'bg-gray-100 border-gray-500 text-gray-800';
+ }
+ };
+
+ const getTypeIcon = (type: string) => {
+ switch (type) {
+ case 'consulta': return '🩺';
+ case 'exame': return '📋';
+ case 'retorno': return '↩️';
+ default: return '📅';
+ }
+ };
+
+ const formatDate = (date: Date) => {
+ return date.toLocaleDateString('pt-BR', {
+ weekday: 'long',
+ day: 'numeric',
+ month: 'long',
+ year: 'numeric'
+ });
+ };
+
+ const navigateDate = (direction: 'prev' | 'next') => {
+ const newDate = new Date(currentDate);
+ if (view === 'day') {
+ newDate.setDate(newDate.getDate() + (direction === 'next' ? 1 : -1));
+ } else if (view === 'week') {
+ newDate.setDate(newDate.getDate() + (direction === 'next' ? 7 : -7));
+ } else {
+ newDate.setMonth(newDate.getMonth() + (direction === 'next' ? 1 : -1));
+ }
+ setCurrentDate(newDate);
+ };
+
+ const goToToday = () => {
+ setCurrentDate(new Date());
+ };
+
+
+ const filteredAppointments = selectedProfessional === 'all'
+ ? appointments
+ : appointments.filter(app => app.professional === selectedProfessional);
+
+ return (
+
+
+
+ {activeTab === 'agenda' ? (
+ Agendamento
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/susconecta/components/agendamento/AppointmentModal.tsx b/susconecta/components/agendamento/AppointmentModal.tsx
new file mode 100644
index 0000000..3cd5d19
--- /dev/null
+++ b/susconecta/components/agendamento/AppointmentModal.tsx
@@ -0,0 +1,227 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { X } from 'lucide-react';
+
+interface Appointment {
+ id?: string;
+ patient: string;
+ time: string;
+ duration: number;
+ type: 'consulta' | 'exame' | 'retorno';
+ status: 'confirmed' | 'pending' | 'absent';
+ professional: string;
+ notes?: string;
+}
+
+interface Professional {
+ id: string;
+ name: string;
+ specialty: string;
+}
+
+interface AppointmentModalProps {
+ isOpen: boolean;
+ onClose: () => void;
+ onSave: (appointment: Appointment) => void;
+ professionals: Professional[];
+ appointment?: Appointment | null;
+}
+
+export default function AppointmentModal({
+ isOpen,
+ onClose,
+ onSave,
+ professionals,
+ appointment
+}: AppointmentModalProps) {
+ const [formData, setFormData] = useState
+
+
+
+
+ Agenda
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {}
+ {view !== 'month' && (
+
+
+
+
+
+ + {formatDate(currentDate)} +
+ + +
+ Atalhos: 'C' para calendário, 'F' para fila de espera
+
+
+
+ )}
+
+ {}
+ {view === 'month' && (
+
+
+
+
+
+
+
+
+ Hora
+
+ {timeSlots.map(time => (
+
+ {time}
+
+ ))}
+
+
+
+ {currentDate.toLocaleDateString('pt-BR', { weekday: 'long' })}
+
+
+ {timeSlots.map(time => (
+
+ ))}
+
+ {filteredAppointments.map(app => {
+ const [date, timeStr] = app.time.split('T');
+ const [hours, minutes] = timeStr.split(':');
+ const hour = parseInt(hours);
+ const minute = parseInt(minutes);
+
+ return (
+
+ onEditAppointment(app)}
+ >
+
+ );
+ })}
+
+
+
+
+
+
+
+
+
+ {professionals.find(p => p.id === app.professional)?.name}
+
+
+ {app.status === 'confirmed' ? 'confirmado' : app.status === 'pending' ? 'pendente' : 'ausente'}
+
+
+
+ )}
+
+ {filteredAppointments.map(app => {
+ const [date, timeStr] = app.time.split('T');
+ const [hours, minutes] = timeStr.split(':');
+
+ return (
+
+
+
+ );
+ })}
+
+
+ {app.notes && (
+
+
+
+
+
+ {professionals.find(p => p.id === app.professional)?.name}
+
+
+ {app.notes}
+
+ )}
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/susconecta/components/agendamento/ListaEspera.tsx b/susconecta/components/agendamento/ListaEspera.tsx
new file mode 100644
index 0000000..bc9da0c
--- /dev/null
+++ b/susconecta/components/agendamento/ListaEspera.tsx
@@ -0,0 +1,144 @@
+
+'use client';
+
+import { useState } from 'react';
+import { Bell, Plus } from 'lucide-react';
+
+interface WaitingPatient {
+ id: string;
+ name: string;
+ specialty: string;
+ preferredDate: string;
+ priority: 'high' | 'medium' | 'low';
+ contact: string;
+}
+
+interface ListaEsperaProps {
+ patients: WaitingPatient[];
+ onNotify: (patientId: string) => void;
+ onAddToWaitlist: () => void;
+}
+
+export default function ListaEspera({ patients, onNotify, onAddToWaitlist }: ListaEsperaProps) {
+ const [searchTerm, setSearchTerm] = useState('');
+
+ const filteredPatients = patients.filter(patient =>
+ patient.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
+ patient.specialty.toLowerCase().includes(searchTerm.toLowerCase())
+ );
+
+ const getPriorityLabel = (priority: string) => {
+ switch (priority) {
+ case 'high': return 'Alta';
+ case 'medium': return 'Média';
+ case 'low': return 'Baixa';
+ default: return priority;
+ }
+ };
+
+ const getPriorityColor = (priority: string) => {
+ switch (priority) {
+ case 'high': return 'bg-red-100 text-red-800';
+ case 'medium': return 'bg-yellow-100 text-yellow-800';
+ case 'low': return 'bg-green-100 text-green-800';
+ default: return 'bg-gray-100 text-gray-800';
+ }
+ };
+
+ return (
+
+
+
+
+
+
+ + {appointment ? 'Editar Agendamento' : 'Novo Agendamento'} +
+ +
+
+ );
+}
\ No newline at end of file
diff --git a/susconecta/components/agendamento/index.ts b/susconecta/components/agendamento/index.ts
new file mode 100644
index 0000000..e3f74c2
--- /dev/null
+++ b/susconecta/components/agendamento/index.ts
@@ -0,0 +1,4 @@
+// components/agendamento/index.ts
+export { default as AgendaCalendar } from './AgendaCalendar';
+export { default as AppointmentModal } from './AppointmentModal';
+export { default as ListaEspera } from './ListaEspera';
\ No newline at end of file
diff --git a/susconecta/components/dashboard/sidebar.tsx b/susconecta/components/dashboard/sidebar.tsx
index f277ea9..0a9bffa 100644
--- a/susconecta/components/dashboard/sidebar.tsx
+++ b/susconecta/components/dashboard/sidebar.tsx
@@ -3,12 +3,13 @@
import Link from "next/link"
import { usePathname } from "next/navigation"
import { cn } from "@/lib/utils"
-import { Home, Calendar, Users, UserCheck, FileText, BarChart3, Settings, Stethoscope } from "lucide-react"
+import { Home, Calendar, Users, UserCheck, FileText, BarChart3, Settings, Stethoscope, User } from "lucide-react"
const navigation = [
{ name: "Dashboard", href: "/dashboard", icon: Home },
- { name: "Agenda", href: "/dashboard/agenda", icon: Calendar },
+ { name: "Agendamento", href: "/agendamento", icon: Calendar },
{ name: "Pacientes", href: "/dashboard/pacientes", icon: Users },
+ { name: "Médicos", href: "/dashboard/medicos", icon: User },
{ name: "Consultas", href: "/dashboard/consultas", icon: UserCheck },
{ name: "Prontuários", href: "/dashboard/prontuarios", icon: FileText },
{ name: "Relatórios", href: "/dashboard/relatorios", icon: BarChart3 },
diff --git a/susconecta/components/footer.tsx b/susconecta/components/footer.tsx
index c7ecb78..b8bfcb1 100644
--- a/susconecta/components/footer.tsx
+++ b/susconecta/components/footer.tsx
@@ -12,10 +12,10 @@ export function Footer() {
+
+
+
+
+ Lista de Espera Inteligente
+ +
+
+
+
+
+
+ 🔍
+
+ setSearchTerm(e.target.value)}
+ className="block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md leading-5 bg-white placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
+ />
+
+
+
+
+
+
+ {filteredPatients.length === 0 && (
+ | + Paciente + | ++ Especialidade + | ++ Data Preferencial + | ++ Prioridade + | ++ Contato + | ++ Ações + | +
|---|---|---|---|---|---|
| + {patient.name} + | ++ {patient.specialty} + | ++ {new Date(patient.preferredDate).toLocaleDateString('pt-BR')} + | ++ + {getPriorityLabel(patient.priority)} + + | ++ {patient.contact} + | ++ + | +
+ Nenhum paciente encontrado na lista de espera
+
+ )}
+