Merge pull request #26 from m1guelmcf/visual

pequenos ajustes

app/doctor/medicos/[id]/laudos/[laudoId]/editar/page.tsx

@@ -144,10 +144,6 @@ export default function EditarLaudoPage() {
                     <CardContent>
                         <form onSubmit={handleSubmit} className="space-y-6">
                             <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                                <div className="space-y-2">
-                                    <Label htmlFor="order_number">Nº do Pedido</Label>
-                                    <Input id="order_number" value={formData.order_number || ''} onChange={handleInputChange} />
-                                </div>
                                 <div className="space-y-2">
                                     <Label htmlFor="exam">Exame</Label>
                                     <Input id="exam" value={formData.exam || ''} onChange={handleInputChange} />

app/doctor/medicos/[id]/laudos/novo/page.tsx

@@ -1,4 +1,3 @@
- 
  "use client";
 
 import { useParams, useRouter } from "next/navigation";
@@ -106,10 +105,6 @@ export default function NovoLaudoPage() {
                     <CardContent>
                         <form onSubmit={handleSubmit} className="space-y-6">
                             <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                                <div className="space-y-2">
-                                    <Label htmlFor="order_number">Nº do Pedido</Label>
-                                    <Input id="order_number" value={formData.order_number} onChange={handleInputChange} />
-                                </div>
                                 <div className="space-y-2">
                                     <Label htmlFor="exam">Exame</Label>
                                     <Input id="exam" value={formData.exam} onChange={handleInputChange} />

app/doctor/medicos/page.tsx

@@ -8,7 +8,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { Eye, Edit, Calendar, Trash2, Loader2 } from "lucide-react";
+import { Eye, Edit, Calendar, Trash2, Loader2, MoreVertical } from "lucide-react";
 import { api } from "@/services/api.mjs";
 import { PatientDetailsModal } from "@/components/ui/patient-details-modal";
 import {
@@ -283,9 +283,10 @@ export default function PacientesPage() {
                       <td className="p-3 sm:p-4">
                         <DropdownMenu>
                           <DropdownMenuTrigger asChild>
-                            <button className="text-primary hover:underline text-sm sm:text-base">
+                            <Button variant="ghost" className="h-8 w-8 p-0">
-                              Ações
+                              <span className="sr-only">Abrir menu</span>
-                            </button>
+                              <MoreVertical className="h-4 w-4" />
+                            </Button>
                           </DropdownMenuTrigger>
                           <DropdownMenuContent align="end">
                             <DropdownMenuItem
@@ -295,19 +296,11 @@ export default function PacientesPage() {
                               Ver detalhes
                             </DropdownMenuItem>
                             <DropdownMenuItem asChild>
-                              <Link href={`/doctor/pacientes/${p.id}/laudos`}>
+                              <Link href={`/doctor/medicos/${p.id}/laudos`}>
                                 <Edit className="w-4 h-4 mr-2" />
                                 Laudos
                               </Link>
                             </DropdownMenuItem>
-                            <DropdownMenuItem
-                              onClick={() =>
-                                alert(`Agenda para paciente ID: ${p.id}`)
-                              }
-                            >
-                              <Calendar className="w-4 h-4 mr-2" />
-                              Ver agenda
-                            </DropdownMenuItem>
                             <DropdownMenuItem
                               onClick={() => {
                                 const newPacientes = pacientes.filter(

app/manager/home/page.tsx

@@ -6,7 +6,7 @@ import { useRouter } from "next/navigation";
 import { Button } from "@/components/ui/button";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { Edit, Trash2, Eye, Calendar, Loader2 } from "lucide-react";
+import { Edit, Trash2, Eye, Calendar, Loader2, MoreVertical } from "lucide-react";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@/components/ui/alert-dialog";
 
 // Imports dos Serviços
@@ -326,7 +326,9 @@ export default function DoctorsPage() {
                                             <td className="px-4 py-3 text-right">
                                                 <DropdownMenu>
                                                     <DropdownMenuTrigger asChild>
-                                                        <div className="text-blue-600 cursor-pointer inline-block hover:underline">Ações</div>
+                                                        <div className="text-black-600 cursor-pointer inline-block">
+                                                            <MoreVertical className="h-4 w-4" />
+                                                        </div>
                                                     </DropdownMenuTrigger>
                                                     <DropdownMenuContent align="end">
                                                         <DropdownMenuItem onClick={() => openDetailsDialog(doctor)}>

app/manager/pacientes/page.tsx

@@ -3,30 +3,10 @@
 import { useState, useEffect, useCallback } from "react";
 import Link from "next/link";
 import { Button } from "@/components/ui/button";
-import {
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
-  DropdownMenu,
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-  DropdownMenuContent,
+import { Plus, Edit, Trash2, Eye, Calendar, Filter, Loader2, MoreVertical } from "lucide-react";
-  DropdownMenuItem,
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@/components/ui/alert-dialog";
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import { Edit, Trash2, Eye, Calendar, Filter, Loader2 } from "lucide-react";
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
 import { patientsService } from "@/services/patientsApi.mjs";
 import Sidebar from "@/components/Sidebar";
 
@@ -291,86 +271,15 @@ export default function PacientesPage() {
                                                 <td className="p-4">
                                                     <DropdownMenu>
                                                         <DropdownMenuTrigger asChild>
-                                                            <div className="text-blue-600 cursor-pointer">Ações</div>
+                                                            <div className="text-black-600 cursor-pointer">
+                                                                <MoreVertical className="h-4 w-4" />
+                                                            </div>
                                                         </DropdownMenuTrigger>
                                                         <DropdownMenuContent align="end">
                                                             <DropdownMenuItem onClick={() => openDetailsDialog(String(patient.id))}>
                                                                 <Eye className="w-4 h-4 mr-2" />
                                                                 Ver detalhes
                                                             </DropdownMenuItem>
-
-                              <DropdownMenuItem asChild>
-                                <Link
-                                  href={`/secretary/pacientes/${patient.id}/editar`}
-                                  className="flex items-center w-full"
-                                >
-                                  <Edit className="w-4 h-4 mr-2" />
-                                  Editar
-                                </Link>
-                              </DropdownMenuItem>
-
-                              <DropdownMenuItem>
-                                <Calendar className="w-4 h-4 mr-2" />
-                                Marcar consulta
-                              </DropdownMenuItem>
-                              <DropdownMenuItem
-                                className="text-red-600"
-                                onClick={() =>
-                                  openDeleteDialog(String(patient.id))
-                                }
-                              >
-                                <Trash2 className="w-4 h-4 mr-2" />
-                                Excluir
-                              </DropdownMenuItem>
-                            </DropdownMenuContent>
-                          </DropdownMenu>
-                        </td>
-                      </tr>
-                    ))
-                  )}
-                </tbody>
-              </table>
-            )}
-          </div>
-        </div>
-
-                {/* --- SEÇÃO DE CARDS (VISÍVEL APENAS EM TELAS MENORES QUE MD) --- */}
-                {/* Garantir que os cards apareçam em telas menores e se escondam em MD+ */}
-                <div className="bg-white rounded-lg border border-gray-200 shadow-md p-4 block md:hidden">
-                    {error ? (
-                        <div className="p-6 text-red-600">{`Erro ao carregar pacientes: ${error}`}</div>
-                    ) : loading ? (
-                        <div className="p-6 text-center text-gray-500 flex items-center justify-center">
-                            <Loader2 className="w-6 h-6 mr-2 animate-spin text-green-600" /> Carregando pacientes...
-                        </div>
-                    ) : filteredPatients.length === 0 ? (
-                        <div className="p-8 text-center text-gray-500">
-                            {allPatients.length === 0 ? "Nenhum paciente cadastrado" : "Nenhum paciente encontrado com os filtros aplicados"}
-                        </div>
-                    ) : (
-                        <div className="space-y-4">
-                            {currentPatients.map((patient) => (
-                                <div key={patient.id} className="bg-gray-50 rounded-lg p-4 flex flex-col sm:flex-row justify-between items-start sm:items-center border border-gray-200">
-                                    <div className="flex-grow mb-2 sm:mb-0">
-                                        <div className="font-semibold text-lg text-gray-900 flex items-center">
-                                            {patient.nome}
-                                            {patient.vip && (
-                                                <span className="ml-2 px-2 py-0.5 text-xs font-semibold text-purple-600 bg-purple-100 rounded-full">VIP</span>
-                                            )}
-                                        </div>
-                                        <div className="text-sm text-gray-600">Telefone: {patient.telefone}</div>
-                                        <div className="text-sm text-gray-600">Convênio: {patient.convenio}</div>
-                                    </div>
-                                    <DropdownMenu>
-                                        <DropdownMenuTrigger asChild>
-                                            <div className="w-full"><Button variant="outline" className="w-full">Ações</Button></div>
-                                        </DropdownMenuTrigger>
-                                        <DropdownMenuContent align="end">
-                                            <DropdownMenuItem onClick={() => openDetailsDialog(String(patient.id))}>
-                                                <Eye className="w-4 h-4 mr-2" />
-                                                Ver detalhes
-                                            </DropdownMenuItem>
-
                                                             <DropdownMenuItem asChild>
                                                                 <Link href={`/secretary/pacientes/${patient.id}/editar`} className="flex items-center w-full">
                                                                     <Edit className="w-4 h-4 mr-2" />
@@ -388,11 +297,14 @@ export default function PacientesPage() {
                                                             </DropdownMenuItem>
                                                         </DropdownMenuContent>
                                                     </DropdownMenu>
-                                </div>
+                                                </td>
-                            ))}
+                                                </tr>
-                        </div>
+                                        )))}
+                                </tbody>
+                            </table>
                         )}
                     </div>
+                </div>
 
                 {/* Paginação */}
                 {totalPages > 1 && !loading && (

app/secretary/appointments/page.tsx

@@ -284,22 +284,13 @@ export default function SecretaryAppointments() {
                   </div>
 
                                     <div className="flex gap-2 mt-4 pt-4 border-t">
-                    <Button
+                                        <Button variant="outline" size="sm" onClick={() => handleEdit(appointment)}>
-                      variant="outline"
-                      size="sm"
-                      onClick={() => handleEdit(appointment)}
-                    >
                                             <Pencil className="mr-2 h-4 w-4" />
                                             Editar
                                         </Button>
-                    <Button
+                                        <Button variant="outline" size="sm" className="text-red-600 hover:text-red-700 hover:bg-red-50 bg-transparent" onClick={() => handleDelete(appointment)}>
-                      variant="outline"
-                      size="sm"
-                      className="text-red-600 hover:text-red-700 hover:bg-red-50 bg-transparent"
-                      onClick={() => handleDelete(appointment)}
-                    >
                                             <Trash2 className="mr-2 h-4 w-4" />
-                      Deletar
+                                            Cancelar
                                         </Button>
                                     </div>
                                 </CardContent>

app/secretary/pacientes/page.tsx

@@ -4,38 +4,11 @@
 import { useState, useEffect, useCallback } from "react";
 import Link from "next/link";
 import { Button } from "@/components/ui/button";
-import {
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
-  DropdownMenu,
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-  DropdownMenuContent,
+import { Plus, Edit, Trash2, Eye, Calendar, Filter, Loader2, MoreVertical } from "lucide-react";
-  DropdownMenuItem,
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@/components/ui/alert-dialog";
-  DropdownMenuTrigger,
+import SecretaryLayout from "@/components/secretary-layout";
-} from "@/components/ui/dropdown-menu";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import {
-  Plus,
-  Edit,
-  Trash2,
-  Eye,
-  Calendar,
-  Filter,
-  Loader2,
-} from "lucide-react";
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
 import { patientsService } from "@/services/patientsApi.mjs";
 import Sidebar from "@/components/Sidebar";
 
@@ -75,7 +48,8 @@ export default function PacientesPage() {
     // --- FUNÇÕES DE LÓGICA ---
 
     // 1. Função para carregar TODOS os pacientes da API
-  const fetchAllPacientes = useCallback(async () => {
+    const fetchAllPacientes = useCallback(
+        async () => {
             setLoading(true);
             setError(null);
             try {
@@ -89,8 +63,8 @@ export default function PacientesPage() {
                     cidade: p.city ?? "—",
                     estado: p.state ?? "—",
                     // Formate as datas se necessário, aqui usamos como string
-        ultimoAtendimento: p.last_visit_at?.split("T")[0] ?? "—",
+                    ultimoAtendimento: p.last_visit_at?.split('T')[0] ?? "—",
-        proximoAtendimento: p.next_appointment_at?.split("T")[0] ?? "—",
+                    proximoAtendimento: p.next_appointment_at?.split('T')[0] ?? "—",
                     vip: Boolean(p.vip ?? false),
                     convenio: p.convenio ?? "Particular", // Define um valor padrão
                     status: p.status ?? undefined,
@@ -115,7 +89,8 @@ export default function PacientesPage() {
 
             // Filtro por Convênio
             const matchesConvenio =
-        convenioFilter === "all" || patient.convenio === convenioFilter;
+                convenioFilter === "all" ||
+                patient.convenio === convenioFilter;
 
             // Filtro por VIP
             const matchesVip =
@@ -202,8 +177,7 @@ export default function PacientesPage() {
                         placeholder="Buscar por nome ou telefone..."
                         value={searchTerm}
                         onChange={(e) => setSearchTerm(e.target.value)}
-            // w-full no mobile, depois flex-grow para ocupar o espaço disponível
+                        className="w-full sm:flex-grow sm:min-w-[150px] p-2 border rounded-md text-sm"
-            className="w-full sm:flex-grow sm:max-w-[300px] p-2 border rounded-md text-sm"
                     />
 
           {/* Convênio - Ocupa a largura total em telas pequenas, depois se ajusta */}

components/ui/button.tsx

@@ -41,8 +41,10 @@ export interface ButtonProps
 const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : 'button'
+
     return (
       <Comp
+        data-slot="button"
         className={cn(buttonVariants({ variant, size, className }))}
         ref={ref}
         {...props}