Fix/custom ringtone validation [WTEL-4814]

src/modules/settings/components/custom-ringtone.vue

@@ -29,6 +29,7 @@
             :autoplay="false"
           />
           <wt-button
+            :disabled="isRingtoneSaved"
             @click.prevent="saveRingtone"
           >
             {{ $t('objects.save') }}
@@ -47,16 +48,20 @@ export default {
     isCustomRingtone: false,
     ringtone: {},
     options: [],
+    savedRingtone: undefined, // value from localStorage, we need undefined for comparison with ringtone.name when it
   }),
   computed: {
     isRingtoneSelected() {
       return this.isCustomRingtone && this.ringtone.name;
     },
     audioLink() {
-     return this.isRingtoneSelected
-       ? `${import.meta.env.VITE_RINGTONES_URL}/${this.ringtone.name}`
-       : '';
-    },
+      return this.isRingtoneSelected
+        ? `${import.meta.env.VITE_RINGTONES_URL}/${this.ringtone.name}`
+        : '';
+      },
+    isRingtoneSaved() {
+      return this.savedRingtone === this.ringtone.name;
+    }
   },
   methods: {
     selectRingtoneType() {
@@ -67,13 +72,15 @@ export default {
       this.ringtone.name
         ? localStorage.setItem('settings/ringtone', this.ringtone.name)
         : localStorage.removeItem('settings/ringtone');
+      this.savedRingtone = localStorage.getItem('settings/ringtone') || undefined;
     },
     async loadRingtonesOptions() {
       this.options = await getRingtonesList();
     },
     restoreRingtone() {
       const ringtoneName = localStorage.getItem('settings/ringtone');
       if (ringtoneName) {
+        this.savedRingtone = ringtoneName;
         this.ringtone = this.options.find(item => item.name === ringtoneName);
         this.isCustomRingtone = true;
       }