Lovable sync 1777152806

src/components/connections/ConnectionsView.tsx

@@ -28,9 +28,7 @@ import { NumberReputationMonitor } from './NumberReputationMonitor';
 import { ConnectionCard } from './ConnectionCard';
 import { DegradedQuickActions } from './DegradedQuickActions';
 import { QrCountdown } from './QrCountdown';
-import { QrTtlBadge } from './QrTtlBadge';
 import { QrAttemptHistory } from './QrAttemptHistory';
-import { RefreshQrButton } from './RefreshQrButton';
 import { IdempotencyMissBanner } from './IdempotencyMissBanner';
 import { useConnectionsManager } from '@/hooks/useConnectionsManager';
 
@@ -172,18 +170,21 @@ export function ConnectionsView() {
                 </div>
                 <div className="flex items-center justify-center gap-2 text-xs text-muted-foreground"><Loader2 className="w-3 h-3 animate-spin" />Aguardando conexão...</div>
                 {qrCodeDialog.expiresAt && <QrCountdown expiresAt={qrCodeDialog.expiresAt} />}
-                {qrCodeDialog.ttlSeconds != null && qrCodeDialog.ttlSource && (
-                  <QrTtlBadge ttlSeconds={qrCodeDialog.ttlSeconds} source={qrCodeDialog.ttlSource} />
-                )}
               </>
             )}
             {(qrCodeDialog.status === 'pending' || qrCodeDialog.status === 'error' || qrCodeDialog.status === 'loading') && (
-              <RefreshQrButton
-                onRefresh={handleRefreshQrCode}
-                loading={evolutionLoading || qrCodeDialog.status === 'loading'}
-                status={qrCodeDialog.status}
-                label={qrCodeDialog.status === 'pending' ? 'Gerar novo QR' : 'Gerar novo código'}
-              />
+              <Button
+                variant="outline"
+                onClick={handleRefreshQrCode}
+                disabled={evolutionLoading || qrCodeDialog.status === 'loading'}
+                aria-busy={evolutionLoading || qrCodeDialog.status === 'loading'}
+              >
+                {(evolutionLoading || qrCodeDialog.status === 'loading') ? (
+                  <><Loader2 className="w-4 h-4 mr-2 animate-spin" />Gerando…</>
+                ) : (
+                  <><RefreshCw className="w-4 h-4 mr-2" />{qrCodeDialog.status === 'pending' ? 'Gerar novo QR' : 'Gerar novo código'}</>
+                )}
+              </Button>
             )}
             {qrCodeDialog.status === 'connected' && <Button onClick={closeQrDialog}>Fechar</Button>}