From f1241b2ebfcad1862e428b269426bcbb91a98610 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 9 Dec 2024 22:46:48 +0200
Subject: [PATCH] chore(i18n): add translation for electron integration
 settings

---
 .../options/appearance/electron_integration.js       | 12 ++++++------
 src/public/translations/en/translation.json          |  8 ++++++++
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/public/app/widgets/type_widgets/options/appearance/electron_integration.js b/src/public/app/widgets/type_widgets/options/appearance/electron_integration.js
index f123423c1..d44e438b9 100644
--- a/src/public/app/widgets/type_widgets/options/appearance/electron_integration.js
+++ b/src/public/app/widgets/type_widgets/options/appearance/electron_integration.js
@@ -4,25 +4,25 @@ import utils from "../../../../services/utils.js";
 
 const TPL = `
 <div class="options-section">    
-    <h4>Desktop application</h4>
+    <h4>${t("electron_integration.desktop-application")}</h4>
 
     <div class="side-checkbox">
         <label class="form-check">
             <input type="checkbox" class="native-title-bar form-check-input" />
-            <strong>Native title bar</strong>
-            <p>For Windows and macOS, keeping the native title bar off makes the application look more compact. On Linux, keeping the native title bar on integrates better with the rest of the system.</p>
+            <strong>${t("electron_integration.native-title-bar")}</strong>
+            <p>${t("electron_integration.native-title-bar-description")}</p>
         </label>        
     </div>
 
     <div class="side-checkbox">
         <label class="form-check">
             <input type="checkbox" class="background-effects form-check-input" />
-            <strong>Enable background effects (Windows 11 only)</strong>
-            <p>The Mica effect adds a blurred, stylish background to app windows, creating depth and a modern look.</p>
+            <strong>${t("electron_integration.background-effects")}</strong>
+            <p>${t("electron_integration.background-effects-description")}</p>
         </label>        
     </div>
 
-    <button class="btn btn-micro restart-app-button">Restart the application to view the changes</button>
+    <button class="btn btn-micro restart-app-button">${t("electron_integration.restart-app-button")}</button>
 </div>
 `;
 
diff --git a/src/public/translations/en/translation.json b/src/public/translations/en/translation.json
index c7c289480..f94c83d34 100644
--- a/src/public/translations/en/translation.json
+++ b/src/public/translations/en/translation.json
@@ -1574,5 +1574,13 @@
     "open_note_in_new_tab": "Open note in a new tab",
     "open_note_in_new_split": "Open note in a new split",
     "open_note_in_new_window": "Open note in a new window"
+  },
+  "electron_integration": {
+    "desktop-application": "Desktop Application",
+    "native-title-bar": "Native title bar",
+    "native-title-bar-description": "For Windows and macOS, keeping the native title bar off makes the application look more compact. On Linux, keeping the native title bar on integrates better with the rest of the system.",
+    "background-effects": "Enable background effects (Windows 11 only)",
+    "background-effects-description": "The Mica effect adds a blurred, stylish background to app windows, creating depth and a modern look.",
+    "restart-app-button": "Restart the application to view the changes"
   }
 }