From 87a994f0f087517770889124a0f63428657d7b96 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Sat, 17 May 2025 19:32:32 -0300
Subject: [PATCH] feat: i18n and preview fix

---
 src/locales/en/translation.json                             | 3 ++-
 src/locales/pt-BR/translation.json                          | 3 ++-
 .../achievements/notification/achievement-notification.scss | 1 -
 src/renderer/src/pages/theme-editor/theme-editor.scss       | 6 ++++++
 src/renderer/src/pages/theme-editor/theme-editor.tsx        | 4 ++--
 5 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
index 5e04710e..93e18f17 100644
--- a/src/locales/en/translation.json
+++ b/src/locales/en/translation.json
@@ -378,7 +378,8 @@
     "rare": "Rare",
     "platinum": "Platinum",
     "hidden": "Hidden",
-    "test_notification": "Test notification"
+    "test_notification": "Test notification",
+    "notification_preview": "Achievement Notification Preview"
   },
   "notifications": {
     "download_complete": "Download complete",
diff --git a/src/locales/pt-BR/translation.json b/src/locales/pt-BR/translation.json
index d06270ed..c99fab6f 100644
--- a/src/locales/pt-BR/translation.json
+++ b/src/locales/pt-BR/translation.json
@@ -364,7 +364,8 @@
     "rare": "Rara",
     "platinum": "Platina",
     "hidden": "Oculta",
-    "test_notification": "Testar notificação"
+    "test_notification": "Testar notificação",
+    "notification_preview": "Prévia da Notificação de Conquistas"
   },
   "notifications": {
     "download_complete": "Download concluído",
diff --git a/src/renderer/src/components/achievements/notification/achievement-notification.scss b/src/renderer/src/components/achievements/notification/achievement-notification.scss
index 9b26e8c4..4dbcc7d4 100644
--- a/src/renderer/src/components/achievements/notification/achievement-notification.scss
+++ b/src/renderer/src/components/achievements/notification/achievement-notification.scss
@@ -395,7 +395,6 @@ $margin-bottom: 28px;
 
   &__chip {
     position: absolute;
-
     right: 8px;
     display: flex;
     gap: 4px;
diff --git a/src/renderer/src/pages/theme-editor/theme-editor.scss b/src/renderer/src/pages/theme-editor/theme-editor.scss
index 288ce1bf..38061c88 100644
--- a/src/renderer/src/pages/theme-editor/theme-editor.scss
+++ b/src/renderer/src/pages/theme-editor/theme-editor.scss
@@ -43,6 +43,12 @@
     flex: 1;
   }
 
+  &__notification-preview-wrapper {
+    position: relative;
+    border: 1px solid globals.$muted-color;
+    border-radius: 2px;
+  }
+
   &__footer {
     display: flex;
     flex-direction: column;
diff --git a/src/renderer/src/pages/theme-editor/theme-editor.tsx b/src/renderer/src/pages/theme-editor/theme-editor.tsx
index f52f0197..94ad2e79 100644
--- a/src/renderer/src/pages/theme-editor/theme-editor.tsx
+++ b/src/renderer/src/pages/theme-editor/theme-editor.tsx
@@ -152,7 +152,7 @@ export default function ThemeEditor() {
       </div>
 
       <div className="theme-editor__footer">
-        <CollapsedMenu title="Notification Preview">
+        <CollapsedMenu title={t("notification_preview")}>
           <div className="theme-editor__notification-preview">
             <SelectField
               className="theme-editor__notification-preview__select-variation"
@@ -184,7 +184,7 @@ export default function ThemeEditor() {
               options={achievementCustomNotificationPositionOptions}
             />
 
-            <div style={{ border: "1px solid #444" }}>
+            <div className="theme-editor__notification-preview-wrapper">
               <AchievementNotificationItem
                 position={achievementPreview.position}
                 achievement={achievementPreview.achievement}