From d2a1bb16eae34079c2c82935ea85415fe9d3c1cd Mon Sep 17 00:00:00 2001
From: Carsten Graf <reptil1990@me.com>
Date: Wed, 10 Sep 2025 19:54:57 +0200
Subject: [PATCH] Fix HTML formatting in translated text

- Update translateElement function to support HTML tags
- Settings modal note now displays with proper <strong> formatting
- Applied to both dashboard and leaderboard
- Text with HTML tags now uses innerHTML instead of textContent
---
 public/js/dashboard.js   | 7 ++++++-
 public/js/leaderboard.js | 7 ++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/public/js/dashboard.js b/public/js/dashboard.js
index 1510d49..686ca73 100644
--- a/public/js/dashboard.js
+++ b/public/js/dashboard.js
@@ -92,7 +92,12 @@ supabase.auth.onAuthStateChange((event, session) => {
 // Language Management
 function translateElement(element, language) {
     if (element.dataset[language]) {
-        element.textContent = element.dataset[language];
+        // Check if the content contains HTML tags
+        if (element.dataset[language].includes('<')) {
+            element.innerHTML = element.dataset[language];
+        } else {
+            element.textContent = element.dataset[language];
+        }
     }
 }
 
diff --git a/public/js/leaderboard.js b/public/js/leaderboard.js
index eabc739..65e0701 100644
--- a/public/js/leaderboard.js
+++ b/public/js/leaderboard.js
@@ -631,7 +631,12 @@ let currentLanguage = 'en'; // Default to English
 // Translation function
 function translateElement(element, language) {
     if (element.dataset[language]) {
-        element.textContent = element.dataset[language];
+        // Check if the content contains HTML tags
+        if (element.dataset[language].includes('<')) {
+            element.innerHTML = element.dataset[language];
+        } else {
+            element.textContent = element.dataset[language];
+        }
     }
 }