From 2c78a28a3ebf74ebbe8a6b4b4ccd65a6148a5aad Mon Sep 17 00:00:00 2001
From: 230417 <230417@epvc.pt>
Date: Thu, 26 Feb 2026 17:19:07 +0000
Subject: [PATCH] fix: Add nullish coalescing to shop rating, services, and
 barbers properties to prevent UI crashes

---
 web/src/pages/ShopDetails.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/pages/ShopDetails.tsx b/web/src/pages/ShopDetails.tsx
index 55256ce..50360e2 100644
--- a/web/src/pages/ShopDetails.tsx
+++ b/web/src/pages/ShopDetails.tsx
@@ -68,7 +68,7 @@ export default function ShopDetails() {
         <div className="absolute bottom-4 left-4 space-y-1 text-white">
           <div className="flex items-center gap-2 text-sm">
             <Star size={14} className="fill-amber-400 text-amber-400" />
-            <span className="font-semibold">{shop.rating.toFixed(1)}</span>
+            <span className="font-semibold">{(shop.rating || 0).toFixed(1)}</span>
           </div>
           <h1 className="text-2xl font-semibold">{shop.name}</h1>
           <p className="text-sm text-white/80">{shop.address}</p>
@@ -77,7 +77,7 @@ export default function ShopDetails() {
 
       <div className="flex items-center justify-between">
         <div className="text-sm text-slate-600">
-          {shop.services.length} serviços · {shop.barbers.length} barbeiros
+          {(shop.services || []).length} serviços · {(shop.barbers || []).length} barbeiros
         </div>
         <Button asChild>
           <Link to={`/agendar/${shop.id}`}>Agendar</Link>