From 1b466d90882fa234bc8da8082c73d0d36731522d Mon Sep 17 00:00:00 2001
From: PilkeySEK <156579268+PilkeySEK@users.noreply.github.com>
Date: Mon, 10 Mar 2025 21:29:36 +0100
Subject: [PATCH] Possibly fix the NaN bug (#200)

There's a bug that when using translators in your browser it shows
troops/gold/... as `NaN`, I couldn't get a translator to work to
confirm, but this should work
---
 src/client/graphics/layers/ControlPanel.ts | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/client/graphics/layers/ControlPanel.ts b/src/client/graphics/layers/ControlPanel.ts
index 6f5fbf951..42823e798 100644
--- a/src/client/graphics/layers/ControlPanel.ts
+++ b/src/client/graphics/layers/ControlPanel.ts
@@ -197,7 +197,7 @@ export class ControlPanel extends LitElement implements Layer {
         <div class="hidden lg:block bg-black/30 text-white mb-4 p-2 rounded">
           <div class="flex justify-between mb-1">
             <span class="font-bold">Pop:</span>
-            <span
+            <span translate="no"
               >${renderTroops(this._population)} /
               ${renderTroops(this._maxPopulation)}
               <span
@@ -210,7 +210,7 @@ export class ControlPanel extends LitElement implements Layer {
           </div>
           <div class="flex justify-between">
             <span class="font-bold">Gold:</span>
-            <span
+            <span translate="no"
               >${renderNumber(this._gold)}
               (+${renderNumber(this._goldPerSecond)})</span
             >
@@ -219,8 +219,9 @@ export class ControlPanel extends LitElement implements Layer {
 
         <div class="relative mb-4 lg:mb-4">
           <label class="block text-white mb-1"
-            >Troops: ${renderTroops(this._troops)} | Workers:
-            ${renderTroops(this._workers)}</label
+            >Troops: <span translate="no">${renderTroops(this._troops)}</span> |
+            Workers:
+            <span translate="no">${renderTroops(this._workers)}</span></label
           >
           <div class="relative h-8">
             <!-- Background track -->