From 9be1c3b67894d98070d62b045dcd24b7aa98a900 Mon Sep 17 00:00:00 2001
From: Lizandro Guarnizo <77708265+lizandrogd@users.noreply.github.com>
Date: Thu, 18 Jun 2026 12:20:12 -0500
Subject: [PATCH] fix: update status string comparisons in service list screens
 to English

_statusIcon switch cases and tileColor checks were comparing against Spanish
status strings (aprobado/iniciado/terminado/denegado); backend returns English
(accepted/active/completed/cancelled/denied) so they always fell to default.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 lib/src/presentation/screens/my_services.dart     | 12 ++++++------
 lib/src/presentation/screens/my_services_pro.dart | 10 +++++-----
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/lib/src/presentation/screens/my_services.dart b/lib/src/presentation/screens/my_services.dart
index b2141b9..7fb0cf6 100644
--- a/lib/src/presentation/screens/my_services.dart
+++ b/lib/src/presentation/screens/my_services.dart
@@ -92,11 +92,11 @@ class _MyServicesScreenState extends State<MyServicesScreen> {
         return Column(
           children: [
             ...filtered.map((event) => ListTile(
-                  tileColor: event.status == 'denegado'
+                  tileColor: event.status == 'cancelled' || event.status == 'denied'
                       ? Colors.red[100]
                       : Colors.blue[100],
                   onTap: () {
-                    if (event.status == 'terminado') {
+                    if (event.status == 'completed') {
                       if (event.userId == uid) {
                         if (event.userScored) {
                           Navigator.push(
@@ -204,22 +204,22 @@ class _MyServicesScreenState extends State<MyServicesScreen> {
 
   Widget _statusIcon(String status) {
     switch (status) {
-      case 'aprobado':
+      case 'accepted':
         return const Column(mainAxisAlignment: MainAxisAlignment.center, children: [
           Icon(Icons.check, color: Colors.blue, size: 30),
           Text('Aceptado', style: TextStyle(fontSize: 12)),
         ]);
-      case 'iniciado':
+      case 'active':
         return const Column(mainAxisAlignment: MainAxisAlignment.center, children: [
           Icon(Icons.access_time, color: Colors.blue, size: 30),
           Text('Iniciado', style: TextStyle(fontSize: 12)),
         ]);
-      case 'pendiente':
+      case 'pending':
         return const Column(mainAxisAlignment: MainAxisAlignment.center, children: [
           Icon(Icons.access_time_outlined, color: Colors.blue, size: 30),
           Text('Pendiente', style: TextStyle(fontSize: 12)),
         ]);
-      case 'terminado':
+      case 'completed':
         return const Column(mainAxisAlignment: MainAxisAlignment.center, children: [
           Icon(Icons.rocket_launch, color: Colors.blue, size: 30),
           Text('Finalizado', style: TextStyle(fontSize: 12)),
diff --git a/lib/src/presentation/screens/my_services_pro.dart b/lib/src/presentation/screens/my_services_pro.dart
index 06edaea..1627abf 100644
--- a/lib/src/presentation/screens/my_services_pro.dart
+++ b/lib/src/presentation/screens/my_services_pro.dart
@@ -86,11 +86,11 @@ class _MyServicesProScreenState extends State<MyServicesProScreen> {
       children: [
         ...eventos.map(
           (event) => ListTile(
-            tileColor: event.status == 'denegado'
+            tileColor: event.status == 'cancelled' || event.status == 'denied'
                 ? Colors.red[100]
                 : Colors.blue[100],
             onTap: () {
-              if (event.status == 'terminado') {
+              if (event.status == 'completed') {
                 if (event.professionalId == uid) {
                   if (event.professionalScored) {
                     Navigator.push(
@@ -179,17 +179,17 @@ class _MyServicesProScreenState extends State<MyServicesProScreen> {
 
   Widget _statusIcon(String status) {
     switch (status) {
-      case 'aprobado':
+      case 'accepted':
         return const Column(mainAxisAlignment: MainAxisAlignment.center, children: [
           Icon(Icons.check, color: Colors.blue, size: 30),
           Text('Aceptado', style: TextStyle(fontSize: 12)),
         ]);
-      case 'iniciado':
+      case 'active':
         return const Column(mainAxisAlignment: MainAxisAlignment.center, children: [
           Icon(Icons.access_time, color: Colors.blue, size: 30),
           Text('Iniciado', style: TextStyle(fontSize: 12)),
         ]);
-      case 'terminado':
+      case 'completed':
         return const Column(mainAxisAlignment: MainAxisAlignment.center, children: [
           Icon(Icons.rocket_launch, color: Colors.blue, size: 30),
           Text('Finalizado', style: TextStyle(fontSize: 12)),