From ee882bc880a56a07ec4c57400d554dab21cd8320 Mon Sep 17 00:00:00 2001
From: Muhsin Keloth <muhsinkeramam@gmail.com>
Date: Fri, 26 Apr 2024 00:04:24 +0530
Subject: [PATCH] chore: fix translation

---
 .../dashboard/i18n/locale/en/settings.json    |  5 ++++
 .../settings/personal/AudioAlertEvent.vue     | 24 ++++++++++++++++---
 .../settings/personal/AudioNotifications.vue  |  4 ++--
 .../v3/components/Form/InitialsAvatar.vue     |  3 ++-
 4 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/app/javascript/dashboard/i18n/locale/en/settings.json b/app/javascript/dashboard/i18n/locale/en/settings.json
index 80fcae261..d1f9e9da1 100644
--- a/app/javascript/dashboard/i18n/locale/en/settings.json
+++ b/app/javascript/dashboard/i18n/locale/en/settings.json
@@ -63,6 +63,11 @@
       "AUDIO_NOTIFICATIONS_SECTION": {
         "TITLE": "Audio Notifications",
         "NOTE": "Enable audio notifications in dashboard for new messages and conversations.",
+        "ALERT_TYPES": {
+          "NONE": "None",
+          "MINE": "Assigned",
+          "ALL": "All"
+        },
         "ALERT_TYPE": {
           "TITLE": "Alert events for conversations:",
           "NONE": "None",
diff --git a/app/javascript/dashboard/routes/dashboard/settings/personal/AudioAlertEvent.vue b/app/javascript/dashboard/routes/dashboard/settings/personal/AudioAlertEvent.vue
index 47b8ae127..7545ebb69 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/personal/AudioAlertEvent.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/personal/AudioAlertEvent.vue
@@ -37,6 +37,7 @@
 
 <script setup>
 import { computed } from 'vue';
+import { useI18n } from 'dashboard/composables/useI18n';
 
 const props = defineProps({
   label: {
@@ -49,10 +50,27 @@ const props = defineProps({
   },
 });
 
+const { t } = useI18n();
+
 const options = [
-  { value: 'none', label: 'None' },
-  { value: 'assigned', label: 'Assigned' },
-  { value: 'all', label: 'All' },
+  {
+    value: 'none',
+    label: t(
+      'PROFILE_SETTINGS.FORM.AUDIO_NOTIFICATIONS_SECTION.ALERT_TYPES.NONE'
+    ),
+  },
+  {
+    value: 'mine',
+    label: t(
+      'PROFILE_SETTINGS.FORM.AUDIO_NOTIFICATIONS_SECTION.ALERT_TYPES.MINE'
+    ),
+  },
+  {
+    value: 'all',
+    label: t(
+      'PROFILE_SETTINGS.FORM.AUDIO_NOTIFICATIONS_SECTION.ALERT_TYPES.ALL'
+    ),
+  },
 ];
 
 const emit = defineEmits(['update']);
diff --git a/app/javascript/dashboard/routes/dashboard/settings/personal/AudioNotifications.vue b/app/javascript/dashboard/routes/dashboard/settings/personal/AudioNotifications.vue
index 5fa32e87c..3f4b79e9b 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/personal/AudioNotifications.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/personal/AudioNotifications.vue
@@ -100,8 +100,8 @@ export default {
       ];
       this.alertTone = alertTone || 'ding';
     },
-    handAudioAlertChange(e) {
-      this.audioAlert = e.target.value;
+    handAudioAlertChange(value) {
+      this.audioAlert = value;
       this.updateUISettings({
         enable_audio_alerts: this.audioAlert,
       });
diff --git a/app/javascript/v3/components/Form/InitialsAvatar.vue b/app/javascript/v3/components/Form/InitialsAvatar.vue
index ccfc6a513..0f0a8c7f5 100644
--- a/app/javascript/v3/components/Form/InitialsAvatar.vue
+++ b/app/javascript/v3/components/Form/InitialsAvatar.vue
@@ -38,5 +38,6 @@ const style = computed(() => ({
 const colorClass = computed(() => {
   return colors[(props.name.length % 8) + 1];
 });
-const initial = userInitial(props.name);
+
+const initial = computed(() => userInitial(props.name));
 </script>