From fcbe68141d7c9b05e453c31f1b98810be7b8b119 Mon Sep 17 00:00:00 2001
From: Muhsin Keloth <muhsinkeramam@gmail.com>
Date: Tue, 26 Oct 2021 16:00:00 +0530
Subject: [PATCH] fix: Show twilio channel name based on medium (#3284)

Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
---
 .../routes/dashboard/settings/inbox/Index.vue       | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/Index.vue
index b58515a35..87e274956 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/Index.vue
@@ -2,7 +2,7 @@
   <div class="column content-box">
     <!-- List Canned Response -->
     <div class="row">
-      <div class="small-8 columns with-right-space ">
+      <div class="small-8 columns with-right-space">
         <p v-if="!inboxesList.length" class="no-items-error-message">
           {{ $t('INBOX_MGMT.LIST.404') }}
           <router-link
@@ -43,7 +43,7 @@
                   Twitter
                 </span>
                 <span v-if="item.channel_type === 'Channel::TwilioSms'">
-                  Twilio SMS
+                  {{ twilioChannelName(item) }}
                 </span>
                 <span v-if="item.channel_type === 'Channel::Whatsapp'">
                   Whatsapp
@@ -54,9 +54,7 @@
                 <span v-if="item.channel_type === 'Channel::Telegram'">
                   Telegram
                 </span>
-                <span v-if="item.channel_type === 'Channel::Line'">
-                  Line
-                </span>
+                <span v-if="item.channel_type === 'Channel::Line'">Line</span>
                 <span v-if="item.channel_type === 'Channel::Api'">
                   {{ globalConfig.apiChannelName || 'API' }}
                 </span>
@@ -177,6 +175,11 @@ export default {
     },
   },
   methods: {
+    twilioChannelName(item) {
+      const { medium = '' } = item;
+      if (medium === 'whatsapp') return 'WhatsApp';
+      return 'Twilio SMS';
+    },
     openSettings(inbox) {
       this.showSettings = true;
       this.selectedInbox = inbox;