From bdd9722c83948235a8b2c721b6acac8935fc69cb Mon Sep 17 00:00:00 2001
From: 230417 <230417@epvc.pt>
Date: Mon, 4 May 2026 11:20:19 +0100
Subject: [PATCH] feat: rename barber label and add edit button to date
 selection in booking summary

---
 web/src/pages/Booking.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/web/src/pages/Booking.tsx b/web/src/pages/Booking.tsx
index 6f3015d..5b9daed 100644
--- a/web/src/pages/Booking.tsx
+++ b/web/src/pages/Booking.tsx
@@ -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>