rodrigo/budget-view-finance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Update QR code retrieval flow

Browse Source 
Update the "Ver QR Code" button to fetch the QR code from the /instance/connect/{instanceName} endpoint, display the QR code, and handle errors.
This commit is contained in:
gpt-engineer-app[bot] 2025-05-19 14:20:07 +00:00
parent 0b36a1bda5
commit ae584bce96
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/WhatsApp.tsx
View File

@ -6,7 +6,7 @@ import { Input } from '@/components/ui/input';
import { Button } from '@/components/ui/button';
import { useToast } from '@/hooks/use-toast';
import { Label } from '@/components/ui/label';
import { MessageCircle, QrCode, RefreshCw, Smartphone, Eye } from 'lucide-react';
import { MessageCircle, QrCode, RefreshCw, Smartphone } from 'lucide-react';
import { Alert, AlertDescription } from '@/components/ui/alert';
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '@/components/ui/dialog';
@ -149,7 +149,8 @@ const WhatsApp = () => {
const serverUrl = "evolutionapi2.innova1001.com.br";
const apiKey = "beeb77fbd7f48f91db2cd539a573c130";
const response = await fetch(`https://${serverUrl}/instance/qrcode/${instance.instanceId}`, {
// Updated endpoint to use instance name instead of instanceId
const response = await fetch(`https://${serverUrl}/instance/connect/${encodeURIComponent(instance.instanceName)}`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
@ -163,14 +164,15 @@ const WhatsApp = () => {
throw new Error(data.message || 'Erro ao obter QR Code');
}
if (data && data.qrcode) {
setQrCodeData(data.qrcode);
// Using the "code" field from the response as the QR code data
if (data && data.code) {
setQrCodeData(data.code);
} else {
setQrError("QR Code não disponível. A instância pode já estar conectada.");
setQrError("QR Code não disponível. A instância pode já estar conectada ou houve um erro na API.");
}
} catch (error) {
console.error("Error fetching QR code:", error);
setQrError("Falha ao obter QR Code. Tente novamente.");
setQrError("Falha ao obter QR Code. Verifique a conexão ou tente novamente mais tarde.");
toast({
title: "Erro ao obter QR Code",
description: "Não foi possível obter o QR Code. Tente novamente mais tarde.",