From fda4e5651ad21ea11f28761068eac6b810723bb0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Gustavo?=
 <166467972+JoaoGustavo-dev@users.noreply.github.com>
Date: Thu, 27 Nov 2025 17:10:18 -0300
Subject: [PATCH] fix: changes-in-patients-appoiments

---
 .../paciente/resultados/ResultadosClient.tsx  | 39 ++++++++++---------
 1 file changed, 20 insertions(+), 19 deletions(-)

diff --git a/susconecta/app/paciente/resultados/ResultadosClient.tsx b/susconecta/app/paciente/resultados/ResultadosClient.tsx
index c8dd2ff..10dd745 100644
--- a/susconecta/app/paciente/resultados/ResultadosClient.tsx
+++ b/susconecta/app/paciente/resultados/ResultadosClient.tsx
@@ -990,7 +990,7 @@ export default function ResultadosClient() {
                 {/* Ações */}
                 <div className="flex gap-2 pt-2">
                   <Button
-                    className="flex-1 h-10 rounded-full bg-primary text-primary-foreground hover:bg-primary/90"
+                    className="w-full h-10 rounded-full bg-primary text-primary-foreground hover:bg-primary/90"
                     onClick={async () => {
                       setMoreTimesForDoctor(id)
                       void fetchSlotsForDate(id, moreTimesDate)
@@ -998,16 +998,6 @@ export default function ResultadosClient() {
                   >
                     Agendar
                   </Button>
-                  <Button
-                    variant="outline"
-                    className="flex-1 h-10 rounded-full border-primary/40 text-primary hover:bg-primary/10"
-                    onClick={() => {
-                      setMoreTimesForDoctor(id)
-                      void fetchSlotsForDate(id, moreTimesDate)
-                    }}
-                  >
-                    Mais horários
-                  </Button>
                 </div>
               </Card>
             )
@@ -1175,8 +1165,17 @@ export default function ResultadosClient() {
             </DialogHeader>
             
             <div className="flex items-center gap-2 mb-4">
-              <input type="date" className="flex-1 rounded-md border border-border px-3 py-2 text-sm" value={moreTimesDate} onChange={(e) => setMoreTimesDate(e.target.value)} />
-              <Button className="h-10" onClick={async () => { if (moreTimesForDoctor) await fetchSlotsForDate(moreTimesForDoctor, moreTimesDate) }}>Buscar horários</Button>
+              <input 
+                type="date" 
+                className="flex-1 rounded-md border border-border px-3 py-2 text-sm" 
+                value={moreTimesDate} 
+                onChange={(e) => {
+                  setMoreTimesDate(e.target.value)
+                  if (moreTimesForDoctor) {
+                    void fetchSlotsForDate(moreTimesForDoctor, e.target.value)
+                  }
+                }} 
+              />
             </div>
 
             <div className="mt-2">
@@ -1185,12 +1184,14 @@ export default function ResultadosClient() {
               ) : moreTimesException ? (
                 <div className="text-sm text-red-500">{moreTimesException}</div>
               ) : (moreTimesSlots.length ? (
-                <div className="grid grid-cols-3 gap-2">
-                  {moreTimesSlots.map(s => (
-                    <button key={s.iso} type="button" className="rounded-lg bg-primary/10 px-3 py-2 text-sm text-primary hover:bg-primary hover:text-primary-foreground" onClick={() => { if (moreTimesForDoctor) { openConfirmDialog(moreTimesForDoctor, s.iso); setMoreTimesForDoctor(null); } }}>
-                      {s.label}
-                    </button>
-                  ))}
+                <div className="max-h-[60vh] overflow-y-auto pr-2">
+                  <div className="grid grid-cols-3 gap-2">
+                    {moreTimesSlots.map(s => (
+                      <button key={s.iso} type="button" className="rounded-lg bg-primary/10 px-3 py-2 text-sm text-primary hover:bg-primary hover:text-primary-foreground transition-colors" onClick={() => { if (moreTimesForDoctor) { openConfirmDialog(moreTimesForDoctor, s.iso); setMoreTimesForDoctor(null); } }}>
+                        {s.label}
+                      </button>
+                    ))}
+                  </div>
                 </div>
               ) : (
                 <div className="text-sm text-muted-foreground">Sem horários para a data selecionada.</div>