LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix: Remove whatsapp prefix from twilio phone number for QR code (#12314)

Browse Source
This commit is contained in:
Muhsin Keloth
2025-08-27 21:27:47 +05:30
committed by GitHub
parent 1ba00075ce
commit 583a533494
1 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
app/javascript/dashboard/routes/dashboard/settings/inbox/FinishSetup.vue
View File

@@ -131,7 +131,13 @@ async function generateQRCodes() {
// WhatsApp (both Cloud and Twilio) // WhatsApp (both Cloud and Twilio)
if (currentInbox.value.phone_number && isAWhatsAppChannel.value) { if (currentInbox.value.phone_number && isAWhatsAppChannel.value) {
await generateQRCode('whatsapp', currentInbox.value.phone_number); // For Twilio WhatsApp, phone_number format is "whatsapp:+1234567890"
// Extract just the phone number part for QR code generation
const phoneNumber = currentInbox.value.phone_number.replace(
'whatsapp:',
''
);
await generateQRCode('whatsapp', phoneNumber);
} }
// Facebook Messenger // Facebook Messenger
@@ -230,47 +236,47 @@ onMounted(() => {
</div> </div>
<div <div
v-if="isAWhatsAppChannel && qrCodes.whatsapp" v-if="isAWhatsAppChannel && qrCodes.whatsapp"
class="flex flex-col items-center mt-8 gap-3" class="flex flex-col gap-3 items-center mt-8"
> >
<p class="mt-2 text-sm text-n-slate-9"> <p class="mt-2 text-sm text-n-slate-9">
{{ $t('INBOX_MGMT.FINISH.WHATSAPP_QR_INSTRUCTION') }} {{ $t('INBOX_MGMT.FINISH.WHATSAPP_QR_INSTRUCTION') }}
</p> </p>
<div class="outline-1 outline-n-strong outline rounded-lg shadow"> <div class="rounded-lg shadow outline-1 outline-n-strong outline">
<img <img
:src="qrCodes.whatsapp" :src="qrCodes.whatsapp"
alt="WhatsApp QR Code" alt="WhatsApp QR Code"
class="size-48 dark:invert rounded-lg" class="rounded-lg size-48 dark:invert"
/> />
</div> </div>
</div> </div>
<div <div
v-if="isAFacebookInbox && qrCodes.messenger" v-if="isAFacebookInbox && qrCodes.messenger"
class="flex flex-col items-center mt-8 gap-3" class="flex flex-col gap-3 items-center mt-8"
> >
<p class="mt-2 text-sm text-n-slate-9"> <p class="mt-2 text-sm text-n-slate-9">
{{ $t('INBOX_MGMT.FINISH.MESSENGER_QR_INSTRUCTION') }} {{ $t('INBOX_MGMT.FINISH.MESSENGER_QR_INSTRUCTION') }}
</p> </p>
<div class="outline-1 outline-n-strong outline rounded-lg shadow"> <div class="rounded-lg shadow outline-1 outline-n-strong outline">
<img <img
:src="qrCodes.messenger" :src="qrCodes.messenger"
alt="Messenger QR Code" alt="Messenger QR Code"
class="size-48 dark:invert rounded-lg" class="rounded-lg size-48 dark:invert"
/> />
</div> </div>
</div> </div>
<div <div
v-if="isATelegramChannel && qrCodes.telegram" v-if="isATelegramChannel && qrCodes.telegram"
class="flex flex-col items-center mt-8 gap-4" class="flex flex-col gap-4 items-center mt-8"
> >
<p class="mt-2 text-sm text-n-slate-9"> <p class="mt-2 text-sm text-n-slate-9">
{{ $t('INBOX_MGMT.FINISH.TELEGRAM_QR_INSTRUCTION') }} {{ $t('INBOX_MGMT.FINISH.TELEGRAM_QR_INSTRUCTION') }}
</p> </p>
<div class="outline-1 outline-n-strong outline rounded-lg shadow"> <div class="rounded-lg shadow outline-1 outline-n-strong outline">
<img <img
:src="qrCodes.telegram" :src="qrCodes.telegram"
alt="Telegram QR Code" alt="Telegram QR Code"
class="size-48 dark:invert rounded-lg" class="rounded-lg size-48 dark:invert"
/> />
</div> </div>
</div> </div>