feat: rename barber label and add edit button to date selection in booking summary

This commit is contained in:
2026-05-04 11:20:19 +01:00
parent 3e9386e8aa
commit bdd9722c83

View File

@@ -317,14 +317,19 @@ export default function Booking() {
<p className="text-xl font-black text-indigo-500 tracking-tighter">{currency(selectedService?.price || 0)}</p>
</div>
<div className="space-y-1 border-b border-white/10 pb-4">
<p className="text-[10px] font-black text-slate-500 uppercase tracking-widest">Mestre</p>
<p className="text-[10px] font-black text-slate-500 uppercase tracking-widest">Barbeiro</p>
<p className="font-black uppercase italic text-sm">{selectedBarber?.name}</p>
</div>
<div className="space-y-1">
<p className="text-[10px] font-black text-slate-500 uppercase tracking-widest">Data</p>
<p className="font-black uppercase italic text-sm">
{new Date(date).toLocaleDateString('pt-PT', { day: 'numeric', month: 'long' })}
</p>
<div className="space-y-1 flex items-end justify-between">
<div>
<p className="text-[10px] font-black text-slate-500 uppercase tracking-widest">Data</p>
<p className="font-black uppercase italic text-sm">
{new Date(date).toLocaleDateString('pt-PT', { day: 'numeric', month: 'long' })}
</p>
</div>
<button onClick={() => setStep(3)} className="text-[10px] font-bold text-indigo-400 hover:text-indigo-300 underline uppercase tracking-widest">
Alterar
</button>
</div>
</div>
</div>