feat(salas): move o modelo de locação para o passo "Dados"

- Seletor de modelo (Hora/Período/Dia/Semana/Mês) sai do passo Calendário e
  passa a ficar no passo Dados — o usuário escolhe o modelo primeiro, depois
  o calendário/horário reagem à escolha.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
VPS 4 Builder
2026-07-07 04:02:24 +02:00
parent 69a0bce4d7
commit 8ec1e6204d
+8 -8
View File
@@ -445,14 +445,6 @@ const ReservaModal: React.FC<{ sala: Sala; onClose: () => void; onReserved: () =
<p className="text-[9px] text-gray-400 font-bold uppercase mt-1">O anti-conflito verifica a agenda do profissional selecionado</p>
</div>
)}
<div>
<label className={labelCls}>Observações</label>
<textarea className={inputCls} rows={4} value={f.observacoes} onChange={e => setF(p => ({ ...p, observacoes: e.target.value }))} placeholder="Alguma informação para o locador…" />
</div>
</div>
{/* PASSO 2 — Calendário */}
<div className="w-full shrink-0 overflow-y-auto p-6 space-y-4">
<div>
<label className={labelCls}>Modelo de locação</label>
<div className="grid grid-cols-3 sm:grid-cols-5 gap-2 mt-1">
@@ -470,6 +462,14 @@ const ReservaModal: React.FC<{ sala: Sala; onClose: () => void; onReserved: () =
})}
</div>
</div>
<div>
<label className={labelCls}>Observações</label>
<textarea className={inputCls} rows={4} value={f.observacoes} onChange={e => setF(p => ({ ...p, observacoes: e.target.value }))} placeholder="Alguma informação para o locador…" />
</div>
</div>
{/* PASSO 2 — Calendário */}
<div className="w-full shrink-0 overflow-y-auto p-6 space-y-4">
<div className="rounded-2xl border border-gray-100 p-4">
<div className="flex items-center justify-between mb-3">
<button type="button" onClick={() => setMesRef(m => new Date(m.getFullYear(), m.getMonth() - 1, 1))} className="p-1.5 rounded-lg hover:bg-gray-100 text-gray-500"><ChevronLeft size={18} /></button>