Fix: Resolve 'instanceData' not found error

The code was throwing a "Cannot find name 'instanceData'" error in `CreateGroupForm.tsx`. This commit resolves the error by ensuring that the `instanceData` variable is correctly defined and accessible within the component's scope.
This commit is contained in:
gpt-engineer-app[bot] 2025-05-24 14:37:32 +00:00
parent 497c27c7f1
commit ea7398237e

View File

@ -32,27 +32,27 @@ const CreateGroupForm = ({ userEmail, onSuccess }: CreateGroupFormProps) => {
useEffect(() => { useEffect(() => {
const checkUserInstance = async () => { const checkUserInstance = async () => {
if (!userEmail) { if (!userEmail) {
console.log('Email do usuário não fornecido'); console.log('🔍 Email do usuário não fornecido');
setCheckingInstance(false); setCheckingInstance(false);
return; return;
} }
setCheckingInstance(true); setCheckingInstance(true);
try { try {
console.log('=== VERIFICAÇÃO DE INSTÂNCIA ==='); console.log('🔍 === VERIFICAÇÃO DE INSTÂNCIA ===');
console.log('Verificando instância para o usuário:', userEmail); console.log('🔍 Verificando instância para o usuário:', userEmail);
const instanceData = await getUserWhatsAppInstance(userEmail); const instanceData = await getUserWhatsAppInstance(userEmail);
console.log('=== DADOS DA INSTÂNCIA RETORNADOS ==='); console.log('📊 === DADOS DA INSTÂNCIA RETORNADOS ===');
console.log('Dados completos:', JSON.stringify(instanceData, null, 2)); console.log('📊 Dados completos:', JSON.stringify(instanceData, null, 2));
if (instanceData) { if (instanceData) {
console.log('=== VERIFICAÇÃO DETALHADA ==='); console.log('🔍 === VERIFICAÇÃO DETALHADA ===');
console.log('instancia_zap existe?', !!instanceData.instancia_zap); console.log('instancia_zap existe?', !!instanceData.instancia_zap);
console.log('instancia_zap valor:', instanceData.instancia_zap); console.log('📝 instancia_zap valor:', instanceData.instancia_zap);
console.log('instancia_zap não é vazio?', instanceData.instancia_zap?.trim() !== ''); console.log('instancia_zap não é vazio?', instanceData.instancia_zap?.trim() !== '');
console.log('status_instancia valor:', instanceData.status_instancia); console.log('📝 status_instancia valor:', instanceData.status_instancia);
console.log('status_instancia é "conectado"?', instanceData.status_instancia === 'conectado'); console.log('status_instancia é "conectado"?', instanceData.status_instancia === 'conectado');
} }
// LÓGICA CORRETA: Verificar se tem instância E se está conectada // LÓGICA CORRETA: Verificar se tem instância E se está conectada
@ -63,8 +63,8 @@ const CreateGroupForm = ({ userEmail, onSuccess }: CreateGroupFormProps) => {
instanceData.status_instancia === 'conectado' // DEVE ESTAR CONECTADO instanceData.status_instancia === 'conectado' // DEVE ESTAR CONECTADO
); );
console.log('=== RESULTADO DA VALIDAÇÃO ==='); console.log('🎯 === RESULTADO DA VALIDAÇÃO ===');
console.log('hasValidInstance:', hasValidInstance); console.log('🎯 hasValidInstance:', hasValidInstance);
if (hasValidInstance) { if (hasValidInstance) {
setHasWhatsAppInstance(true); setHasWhatsAppInstance(true);
@ -79,7 +79,7 @@ const CreateGroupForm = ({ userEmail, onSuccess }: CreateGroupFormProps) => {
}); });
} }
} catch (error) { } catch (error) {
console.error('Erro ao verificar instância do usuário:', error); console.error('💥 Erro ao verificar instância do usuário:', error);
setHasWhatsAppInstance(false); setHasWhatsAppInstance(false);
setUserInstance(null); setUserInstance(null);
} finally { } finally {
@ -224,27 +224,27 @@ const CreateGroupForm = ({ userEmail, onSuccess }: CreateGroupFormProps) => {
<div className="mt-2 space-y-1"> <div className="mt-2 space-y-1">
<p><strong>Email consultado:</strong> {userEmail || 'Não definido'}</p> <p><strong>Email consultado:</strong> {userEmail || 'Não definido'}</p>
<p><strong>instancia_zap:</strong> <p><strong>instancia_zap:</strong>
<span className={instanceData?.instancia_zap ? 'text-green-600' : 'text-red-600'}> <span className={userInstance?.instancia_zap ? 'text-green-600' : 'text-red-600'}>
{instanceData?.instancia_zap || 'NULL/Vazio'} {userInstance?.instancia_zap || 'NULL/Vazio'}
</span> </span>
</p> </p>
<p><strong>status_instancia:</strong> <p><strong>status_instancia:</strong>
<span className={instanceData?.status_instancia === 'conectado' ? 'text-green-600' : 'text-red-600'}> <span className={userInstance?.status_instancia === 'conectado' ? 'text-green-600' : 'text-red-600'}>
{instanceData?.status_instancia || 'NULL/Vazio'} {userInstance?.status_instancia || 'NULL/Vazio'}
</span> </span>
</p> </p>
<p><strong>whatsapp:</strong> {instanceData?.whatsapp || 'NULL/Vazio'}</p> <p><strong>whatsapp:</strong> {userInstance?.whatsapp || 'NULL/Vazio'}</p>
<div className="mt-3 p-2 bg-yellow-100 rounded"> <div className="mt-3 p-2 bg-yellow-100 rounded">
<p><strong>🔍 VALIDAÇÕES:</strong></p> <p><strong>🔍 VALIDAÇÕES:</strong></p>
<p> Instância existe? {instanceData ? '✅ SIM' : '❌ NÃO'}</p> <p> Instância existe? {userInstance ? '✅ SIM' : '❌ NÃO'}</p>
<p> instancia_zap preenchida? {(instanceData?.instancia_zap && instanceData.instancia_zap.trim() !== '') ? '✅ SIM' : '❌ NÃO'}</p> <p> instancia_zap preenchida? {(userInstance?.instancia_zap && userInstance.instancia_zap.trim() !== '') ? '✅ SIM' : '❌ NÃO'}</p>
<p> Status é "conectado"? {instanceData?.status_instancia === 'conectado' ? '✅ SIM' : '❌ NÃO'}</p> <p> Status é "conectado"? {userInstance?.status_instancia === 'conectado' ? '✅ SIM' : '❌ NÃO'}</p>
</div> </div>
{instanceData?.instancia_zap && instanceData?.status_instancia !== 'conectado' && ( {userInstance?.instancia_zap && userInstance?.status_instancia !== 'conectado' && (
<p className="text-red-600 font-medium mt-2"> <p className="text-red-600 font-medium mt-2">
Instância encontrada, mas não está conectada. Status atual: "{instanceData.status_instancia}" Instância encontrada, mas não está conectada. Status atual: "{userInstance.status_instancia}"
</p> </p>
)} )}
</div> </div>