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

Fix: Instance card not updating after creation

Browse Source 
The fix ensures that when a new instance is created, even if the QR code isn't scanned immediately, the instance card appears in the "Desconectado" state, allowing the user to connect later.
This commit is contained in:
gpt-engineer-app[bot] 2025-05-19 14:54:02 +00:00
parent 11628031a3
commit f25b820437
1 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/pages/WhatsApp.tsx
View File

@ -1,4 +1,3 @@
import { useState, useEffect } from 'react'; import { useState, useEffect } from 'react';
import Layout from '@/components/layout/Layout'; import Layout from '@/components/layout/Layout';
import { Card, CardContent, CardDescription, CardHeader, CardTitle, CardFooter } from '@/components/ui/card'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, CardFooter } from '@/components/ui/card';
@ -47,13 +46,16 @@ const WhatsApp = () => {
// Load saved instances from localStorage on component mount and filter by current user // Load saved instances from localStorage on component mount and filter by current user
useEffect(() => { useEffect(() => {
const userId = localStorage.getItem('userId') || '';
setCurrentUserId(userId);
const savedInstances = localStorage.getItem('whatsappInstances'); const savedInstances = localStorage.getItem('whatsappInstances');
if (savedInstances && currentUserId) { if (savedInstances && userId) {
try { try {
const allInstances = JSON.parse(savedInstances); const allInstances = JSON.parse(savedInstances);
// Filter instances to only show those belonging to the current user // Filter instances to only show those belonging to the current user
const userInstances = allInstances.filter( const userInstances = allInstances.filter(
(instance: WhatsAppInstance) => instance.userId === currentUserId (instance: WhatsAppInstance) => instance.userId === userId
); );
setInstances(userInstances); setInstances(userInstances);
@ -63,7 +65,7 @@ const WhatsApp = () => {
console.error("Error parsing saved instances:", error); console.error("Error parsing saved instances:", error);
} }
} }
}, [currentUserId]); // Re-run when currentUserId changes }, []); // Only run once on mount
// Save instances to localStorage whenever they change // Save instances to localStorage whenever they change
useEffect(() => { useEffect(() => {
@ -251,12 +253,12 @@ const WhatsApp = () => {
userId: currentUserId, // Associate with current user userId: currentUserId, // Associate with current user
status: data.instance?.status || 'created', status: data.instance?.status || 'created',
qrcode: data.qrcode?.base64 || null, qrcode: data.qrcode?.base64 || null,
connectionState: 'connecting' connectionState: 'closed' // Default to closed/disconnected
}; };
console.log('New instance created:', newInstance); console.log('New instance created:', newInstance);
// Add new instance to the list // Add new instance to the list - use the function form to guarantee correct state update
setInstances(prevInstances => [...prevInstances, newInstance]); setInstances(prevInstances => [...prevInstances, newInstance]);
toast({ toast({
@ -481,7 +483,15 @@ const WhatsApp = () => {
)} )}
{/* QR Code Dialog */} {/* QR Code Dialog */}
<Dialog open={qrDialogOpen} onOpenChange={setQrDialogOpen}> <Dialog open={qrDialogOpen} onOpenChange={(open) => {
// When dialog closes, ensure the instance is still in the list
setQrDialogOpen(open);
// After dialog closes, trigger status check to update connection state
if (!open && instances.length > 0) {
checkAllInstancesStatus();
}
}}>
<DialogContent className="sm:max-w-md"> <DialogContent className="sm:max-w-md">
<DialogHeader> <DialogHeader>
<DialogTitle>Conectar WhatsApp - {activeInstance?.instanceName}</DialogTitle> <DialogTitle>Conectar WhatsApp - {activeInstance?.instanceName}</DialogTitle>