refactor: refs #6818 channel logic

src/components/ui/VnLinkPhone.vue

@@ -9,29 +9,33 @@ const props = defineProps({
 const config = reactive({
     sip: { icon: 'phone', href: `sip:${props.phoneNumber}` },
     'say-simple': {
-        icon: 'help', // 'whatsapp',
+        icon: 'help', // 'whatsapp icon #6818',
         href: null,
+        channel: props.channel,
     },
 });
 const type = Object.keys(config).find((key) => key in useAttrs()) || 'sip';
 
 onBeforeMount(async () => {
     let url;
-    let channel = props.channel;
-    if (type === 'say-simple')
-        url = (await axios.get('SaySimpleConfigs/findOne')).data.url;
-    if (!props.channel)
-        channel = (
-            await axios.get('SaySimpleCountries/findOne', {
-                params: {
-                    filter: { fields: ['channel'], where: { countryFk: 0 } },
-                },
-            })
-        ).data?.channel;
+    let { channel } = config[type];
+    if (type === 'sip') return;
 
-    config[
-        'say-simple'
-    ].href = `${url}?customerIdentity=%2B${props.phoneNumber}&channelId=${channel}`;
+    if (type === 'say-simple') {
+        url = (await axios.get('SaySimpleConfigs/findOne')).data.url;
+        if (!channel)
+            channel = (
+                await axios.get('SaySimpleCountries/findOne', {
+                    params: {
+                        filter: { fields: ['channel'], where: { countryFk: 0 } },
+                    },
+                })
+            ).data?.channel;
+
+        config[
+            type
+        ].href = `${url}?customerIdentity=%2B${props.phoneNumber}&channelId=${channel}`;
+    }
 });
 </script>
 <template>