From 4689b33d3d3176b00a96641e39cca2d531cb4942 Mon Sep 17 00:00:00 2001
From: Pihkaal <pihkaal@proton.me>
Date: Tue, 30 Dec 2025 00:38:03 +0100
Subject: [PATCH] feat(settings/user/color): confirmation modal text and
 synchronization

---
 .../Settings/BottomScreen/Menus/User/Color.vue        | 11 +++++------
 i18n/locales/en.json                                  |  3 ++-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/components/Settings/BottomScreen/Menus/User/Color.vue b/app/components/Settings/BottomScreen/Menus/User/Color.vue
index 5995797..b49b244 100644
--- a/app/components/Settings/BottomScreen/Menus/User/Color.vue
+++ b/app/components/Settings/BottomScreen/Menus/User/Color.vue
@@ -4,6 +4,7 @@ const { onRender, onClick } = useScreen();
 const app = useAppStore();
 const store = useSettingsStore();
 const { assets } = useAssets();
+const confirmationModal = useConfirmationModal();
 
 const GRID_SIZE = 4;
 const GRID_START_X = 32;
@@ -105,16 +106,14 @@ const handleCancel = () => {
   store.closeSubMenu();
 };
 
-const { open: openModal, close: closeModal } = useConfirmationModal();
-
 const handleConfirm = () => {
   app.save();
-  openModal({
-    text: "hey",
+  confirmationModal.open({
+    text: $t("settings.user.color.confirmation"),
+    onClosed: () => store.closeSubMenu(),
   });
   setTimeout(() => {
-    closeModal();
-    store.closeSubMenu();
+    confirmationModal.close();
   }, 2000);
 };
 </script>
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 7a26dc9..7b5b889 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -33,7 +33,8 @@
 
       "color": {
         "title": "Color",
-        "description": "Select your favorite color."
+        "description": "Select your favorite color.",
+        "confirmation": "Color setting saved."
       }
     },
     "touchScreen": {