From 5795f7707c06358d520f73f15535d577d8f78931 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Thu, 28 Aug 2025 12:08:25 -0600
Subject: [PATCH] mejoras ui

---
 client/src/views/DemoGame.vue | 14 +++++++++++++-
 client/src/views/Lobby.vue    |  2 +-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/client/src/views/DemoGame.vue b/client/src/views/DemoGame.vue
index 9942a88..b892cbe 100644
--- a/client/src/views/DemoGame.vue
+++ b/client/src/views/DemoGame.vue
@@ -18,7 +18,7 @@
         <div class="meta">
           <div>Sala: <code>{{ roomId }}</code></div>
           <div>Ronda: {{ currentRound }}/3</div>
-          <div>Estado: <span class="badge">{{ gameStatus }}</span></div>
+          <div>Estado: <span class="badge">{{ gameStatusDisplay }}</span></div>
         </div>
         <div class="variant-selector">
           <button
@@ -217,6 +217,18 @@ const myRole = computed(() => {
   return me?.role || '';
 });
 
+// Traducir el estado del juego al español
+const gameStatusDisplay = computed(() => {
+  const statusMap: Record<string, string> = {
+    'waiting': 'Esperando',
+    'playing': 'Jugando',
+    'paused': 'Pausado',
+    'finished': 'Finalizado',
+    'ready': 'Listo'
+  };
+  return statusMap[gameStatus.value.toLowerCase()] || gameStatus.value;
+});
+
   const roundState = computed(() => ({
     // tick to recompute when non-ref state fields change via forceUpdate()
     _tick: refreshTick.value,
diff --git a/client/src/views/Lobby.vue b/client/src/views/Lobby.vue
index b4e28b6..97f1415 100644
--- a/client/src/views/Lobby.vue
+++ b/client/src/views/Lobby.vue
@@ -7,7 +7,7 @@
         </button>
       </div>
       <h1 class="title">🎮 Snatch Game</h1>
-      <div class="subtitle">Batalla Competitiva de Clics</div>
+      <div class="subtitle">Arena de intercambio social</div>
 
       <div class="player-section">
         <div class="name-input-group">