From a20a06c994264c5437ce0e631f7feaf3c033278c Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Thu, 12 Jun 2025 22:06:34 +0300
Subject: [PATCH] refactor(client): simplify DOM

---
 .../src/widgets/dialogs/rosetta_warning.ts    | 27 +++++--------------
 1 file changed, 7 insertions(+), 20 deletions(-)

diff --git a/apps/client/src/widgets/dialogs/rosetta_warning.ts b/apps/client/src/widgets/dialogs/rosetta_warning.ts
index 46ebb3053..37b83f840 100644
--- a/apps/client/src/widgets/dialogs/rosetta_warning.ts
+++ b/apps/client/src/widgets/dialogs/rosetta_warning.ts
@@ -10,35 +10,31 @@ const TPL = /*html*/`
             <div class="modal-header text-white">
                 <h4 class="modal-title">
                     <i class="bx bx-error-circle"></i>
-                    <span class="rosetta-warning-title"></span>
+                    <span>${t("rosetta_warning.title")}</span>
                 </h4>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
                 <div class="alert alert-warning mb-3">
-                    <strong>⚠️ <span class="rosetta-warning-performance-impact"></span></strong><br>
-                    <span class="rosetta-warning-message"></span>
+                    <strong>⚠️ ${t("rosetta_warning.performance_impact")}</strong><br>
+                    ${t("rosetta_warning.message")}
                 </div>
 
                 <p class="mb-3">
-                    <strong>Recommendation:</strong> <span class="rosetta-warning-recommendation"></span>
+                    <strong>Recommendation:</strong> ${t("rosetta_warning.recommendation")}
                 </p>
 
                 <div class="d-flex justify-content-between align-items-center">
                     <div>
                         <button class="download-correct-version-button btn btn-primary btn-lg me-2">
                             <i class="bx bx-download"></i>
-                            <span class="rosetta-warning-download-link"></span>
-                        </button>
-                        <button class="continue-anyway-button btn btn-secondary" data-bs-dismiss="modal">
-                            <span class="rosetta-warning-continue-anyway"></span>
+                            <span>${t("rosetta_warning.download_link")}</span>
                         </button>
+                        <button class="continue-anyway-button btn btn-secondary" data-bs-dismiss="modal">${t("rosetta_warning.continue_anyway")}</button>
                     </div>
                     <div class="form-check">
                         <input class="form-check-input" type="checkbox" id="dontShowAgain">
-                        <label class="form-check-label" for="dontShowAgain">
-                            <span class="rosetta-warning-dont-show-again"></span>
-                        </label>
+                        <label class="form-check-label" for="dontShowAgain">${t("rosetta_warning.dont_show_again")}</label>
                     </div>
                 </div>
             </div>
@@ -57,15 +53,6 @@ export default class RosettaWarningDialog extends BasicWidget {
         this.$downloadButton = this.$widget.find(".download-correct-version-button");
         this.$continueButton = this.$widget.find(".continue-anyway-button");
 
-        // Populate text using translation keys
-        this.$widget.find(".rosetta-warning-title").text(t("rosetta_warning.title"));
-        this.$widget.find(".rosetta-warning-performance-impact").text(t("rosetta_warning.performance_impact"));
-        this.$widget.find(".rosetta-warning-message").text(t("rosetta_warning.message"));
-        this.$widget.find(".rosetta-warning-recommendation").text(t("rosetta_warning.recommendation"));
-        this.$widget.find(".rosetta-warning-download-link").text(t("rosetta_warning.download_link"));
-        this.$widget.find(".rosetta-warning-continue-anyway").text(t("rosetta_warning.continue_anyway"));
-        this.$widget.find(".rosetta-warning-dont-show-again").text(t("rosetta_warning.dont_show_again"));
-
         this.$downloadButton.on("click", () => {
             // Open the releases page where users can download the correct version
             if (utils.isElectron()) {